/* CoachPanel V20.0.3.158 · Inicio centrado exclusivamente en ordenador.
   No modifica el layout específico de iPad ni móvil. */
@media (min-width:1101px){
  html:not(.cp-ipad-device) body:not(.family-live-mode) > main{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:18px auto 42px!important;
    padding-left:clamp(18px,2vw,32px)!important;
    padding-right:clamp(18px,2vw,32px)!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }

  html:not(.cp-ipad-device) body #inicio.inicio-launcher-section,
  html:not(.cp-ipad-device) body #inicio.inicio-launcher-section.active{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }

  html:not(.cp-ipad-device) body #inicio .inicio-app-launcher{
    box-sizing:border-box!important;
    width:min(1500px,100%)!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }

  html:not(.cp-ipad-device) body #inicio .inicio-app-header,
  html:not(.cp-ipad-device) body #inicio .inicio-main-grid,
  html:not(.cp-ipad-device) body #inicio .inicio-app-motto,
  html:not(.cp-ipad-device) body #inicio .inicio-app-season{
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html:not(.cp-ipad-device) body #inicio .inicio-main-grid{
    width:100%!important;
    max-width:none!important;
  }
}


/* COACHPANEL V267.16 - EXERCISE EDITOR PREMIUM */

/* =========================================================
   CONTENEDOR PRINCIPAL
   ========================================================= */

.cp-exercise-editor-v60{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;

  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:18px!important;

  background:#f5f7f8!important;
  color:#111518!important;
}

/* Todo campo base */
.cp-exercise-editor-v60 > label,
.cp-exercise-editor-v60 section{
  min-width:0!important;
}

.cp-exercise-editor-v60 label{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;

  color:#30363a!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:850!important;
}

/* Campos a ancho completo */
.cp-exercise-editor-v60 .wide{
  grid-column:1 / -1!important;
}

/* =========================================================
   INPUTS / TEXTAREAS / SELECTS
   ========================================================= */

.cp-exercise-editor-v60 input:not([type="file"]),
.cp-exercise-editor-v60 textarea,
.cp-exercise-editor-v60 select{
  width:100%!important;
  box-sizing:border-box!important;

  background:#ffffff!important;
  color:#111518!important;
  -webkit-text-fill-color:#111518!important;

  border:1px solid #c7ced2!important;
  border-radius:8px!important;

  padding:10px 11px!important;

  font:inherit!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.35!important;

  outline:none!important;
  box-shadow:none!important;
}

.cp-exercise-editor-v60 textarea{
  resize:vertical!important;
  min-height:74px!important;
}

.cp-exercise-editor-v60 input:focus,
.cp-exercise-editor-v60 textarea:focus,
.cp-exercise-editor-v60 select:focus{
  border-color:#35b84a!important;
  box-shadow:0 0 0 3px rgba(53,184,74,.12)!important;
}

/* =========================================================
   NOMBRE DEL EJERCICIO
   ========================================================= */

.cp-exercise-editor-v60 .cp-editor-title-v60{
  padding:14px 15px!important;

  background:#ffffff!important;
  border:1px solid #bfc6ca!important;
  border-left:5px solid #35b84a!important;
  border-radius:10px!important;

  color:#1b2023!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

.cp-exercise-editor-v60 .cp-editor-title-v60 input{
  margin-top:1px!important;
  border:0!important;
  border-bottom:1px solid #d8dddf!important;
  border-radius:0!important;
  padding:5px 0 9px!important;

  font-size:17px!important;
  line-height:1.15!important;
  font-weight:900!important;
}

.cp-exercise-editor-v60 .cp-editor-title-v60 input:focus{
  border-bottom-color:#35b84a!important;
  box-shadow:none!important;
}

/* =========================================================
   OBJETIVOS
   ========================================================= */

.cp-exercise-editor-v60 > label:nth-of-type(2),
.cp-exercise-editor-v60 > label:nth-of-type(3){
  padding:13px!important;

  background:#ffffff!important;
  border:1px solid #cdd3d6!important;
  border-radius:10px!important;
}

.cp-exercise-editor-v60 > label:nth-of-type(2){
  border-top:4px solid #35b84a!important;
}

.cp-exercise-editor-v60 > label:nth-of-type(3){
  border-top:4px solid #657078!important;
}

/* =========================================================
   PRINCIPIO / MEDIO / TIPO
   ========================================================= */

.cp-exercise-taxonomy-v60{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;

  padding:13px!important;

  background:#202529!important;
  border:1px solid #202529!important;
  border-radius:10px!important;
}

.cp-exercise-taxonomy-v60 label{
  color:#eef1f2!important;
  -webkit-text-fill-color:#eef1f2!important;

  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

.cp-exercise-taxonomy-v60 select{
  background:#ffffff!important;
  color:#111518!important;
  -webkit-text-fill-color:#111518!important;
  border-color:#d5dade!important;
  min-height:39px!important;
}

/* =========================================================
   PRINCIPIOS / TÉCNICO / TÁCTICO / FÍSICO
   ========================================================= */

.cp-exercise-create-multis-v196{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;

  padding:14px!important;

  background:#ffffff!important;
  border:1px solid #c7ced2!important;
  border-radius:10px!important;
}

.cp-exercise-create-multis-v196 > *{
  min-width:0!important;
}

.cp-exercise-create-multis-v196 > p{
  grid-column:1 / -1!important;
  margin:2px 0 0!important;
  padding-top:9px!important;

  border-top:1px solid #e0e4e6!important;

  color:#6b7479!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:650!important;
}

/* Chips dentro del bloque, sin depender de la clase interna */
.cp-exercise-create-multis-v196 button{
  min-height:30px!important;
  padding:5px 9px!important;

  background:#ffffff!important;
  color:#394044!important;
  -webkit-text-fill-color:#394044!important;

  border:1px solid #bdc5c9!important;
  border-radius:7px!important;

  font-size:10px!important;
  font-weight:750!important;
  box-shadow:none!important;
}

.cp-exercise-create-multis-v196 button.active,
.cp-exercise-create-multis-v196 button.selected,
.cp-exercise-create-multis-v196 button[aria-pressed="true"]{
  background:#e5f5e8!important;
  color:#207b31!important;
  -webkit-text-fill-color:#207b31!important;
  border-color:#57ad66!important;
  font-weight:900!important;
}

/* =========================================================
   DESARROLLO Y CAMPOS DE TEXTO
   ========================================================= */

.cp-exercise-editor-v60 > label.wide:not(.cp-editor-title-v60){
  padding:13px!important;

  background:#ffffff!important;
  border:1px solid #cdd3d6!important;
  border-radius:10px!important;
}

/* Desarrollo: más protagonismo */
.cp-exercise-editor-v60 > label.wide textarea{
  min-height:96px!important;
}

/* Organización / Variantes / Reglas */
.cp-exercise-editor-v60 > label:not(.wide){
  min-width:0!important;
}

/* =========================================================
   VISIBILIDAD
   ========================================================= */

.cp-exercise-editor-v60 label:has(#cpExerciseVisibility){
  padding:12px!important;

  background:#f0f2f3!important;
  border:1px solid #cbd1d4!important;
  border-radius:9px!important;
}

.cp-exercise-editor-v60 label:has(#cpExerciseVisibility) small{
  color:#6e777c!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:650!important;
}

/* =========================================================
   LOGÍSTICA
   ========================================================= */

.cp-exercise-logistics-v60{
  display:grid!important;
  grid-template-columns:1.3fr .8fr .8fr!important;
  gap:10px!important;

  padding:13px!important;

  background:#ffffff!important;
  border:1px solid #c7ced2!important;
  border-radius:10px!important;
}

.cp-exercise-logistics-v60 label{
  min-width:0!important;
}

/* =========================================================
   GRÁFICO / PIZARRA
   ========================================================= */

.cp-exercise-board-v60{
  display:grid!important;
  grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr)!important;
  gap:16px!important;
  align-items:stretch!important;

  padding:14px!important;

  background:#ffffff!important;
  border:1px solid #bfc7cb!important;
  border-radius:11px!important;
}

.cp-exercise-board-preview-v60{
  min-height:190px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  background:#eef1f2!important;
  border:1px solid #c7ced2!important;
  border-radius:9px!important;

  overflow:hidden!important;
}

.cp-exercise-board-preview-v60 img,
.cp-exercise-board-preview-v60 canvas{
  width:100%!important;
  height:100%!important;
  max-height:280px!important;
  object-fit:contain!important;
}

.cp-exercise-board-copy-v61{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}

.cp-exercise-board-copy-v61 > span{
  color:#24813a!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}

.cp-exercise-board-copy-v61 > h5{
  margin:5px 0 5px!important;

  color:#171b1e!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:950!important;
}

.cp-exercise-board-copy-v61 > p{
  margin:0 0 12px!important;

  color:#687177!important;
  font-size:10px!important;
  line-height:1.4!important;
  font-weight:650!important;
}

.cp-exercise-board-actions-v61{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}

.cp-exercise-board-actions-v61 button{
  min-height:34px!important;
  padding:0 10px!important;

  background:#ffffff!important;
  color:#30363a!important;
  -webkit-text-fill-color:#30363a!important;

  border:1px solid #bfc7cb!important;
  border-radius:7px!important;

  font-size:10px!important;
  font-weight:850!important;
  box-shadow:none!important;
}

.cp-exercise-board-actions-v61 .cp-board-create-v61{
  background:#2b3135!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border-color:#2b3135!important;
}

.cp-exercise-board-actions-v61 .cp-board-upload-v196{
  border-color:#5aad69!important;
  color:#247d36!important;
  -webkit-text-fill-color:#247d36!important;
}

.cp-exercise-board-actions-v61 .cp-board-remove-v61{
  color:#a22f39!important;
  -webkit-text-fill-color:#a22f39!important;
  border-color:#d8a1a6!important;
}

/* =========================================================
   CABECERA DEL SHEET
   ========================================================= */

.cp-sheet-header:has(+ .cp-exercise-editor-v60),
.cp-sheet-header:has(~ .cp-exercise-editor-v60){
  background:#ffffff!important;
  border-bottom:1px solid #cdd3d6!important;
}

.cp-sheet-header:has(~ .cp-exercise-editor-v60) span{
  color:#29933e!important;
  -webkit-text-fill-color:#29933e!important;
  font-weight:950!important;
}

.cp-sheet-header:has(~ .cp-exercise-editor-v60) h4{
  color:#111518!important;
  -webkit-text-fill-color:#111518!important;
  font-size:20px!important;
  font-weight:950!important;
}

/* =========================================================
   PIE: CANCELAR / GUARDAR
   ========================================================= */

.cp-editor-footer-v61{
  position:sticky!important;
  bottom:0!important;
  z-index:20!important;

  display:flex!important;
  justify-content:flex-end!important;
  gap:9px!important;

  padding:12px 18px!important;

  background:rgba(255,255,255,.98)!important;
  border-top:1px solid #c7ced2!important;
  box-shadow:0 -4px 14px rgba(15,20,23,.06)!important;
}

.cp-editor-footer-v61 button{
  min-height:39px!important;
  padding:0 16px!important;

  border-radius:8px!important;
  font-size:11px!important;
  font-weight:900!important;
}

.cp-editor-cancel-v61{
  background:#ffffff!important;
  color:#30363a!important;
  -webkit-text-fill-color:#30363a!important;
  border:1px solid #bfc7cb!important;
}

.cp-editor-save-v61{
  background:#31b846!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border:1px solid #279d3a!important;
  box-shadow:none!important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:900px){
  .cp-exercise-editor-v60{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }

  .cp-exercise-editor-v60 .wide{
    grid-column:auto!important;
  }

  .cp-exercise-taxonomy-v60,
  .cp-exercise-create-multis-v196,
  .cp-exercise-logistics-v60,
  .cp-exercise-board-v60{
    grid-template-columns:1fr!important;
  }

  .cp-exercise-create-multis-v196 > p{
    grid-column:auto!important;
  }

  .cp-exercise-board-preview-v60{
    min-height:170px!important;
  }
}