.renovaciones-funcionalidad-card{box-shadow:0 6px 18px rgba(24,39,46,.04)}
.renovaciones-funcionalidad-card .renovaciones-config-card-head p{font-size:11px;line-height:1.6}
.renovaciones-funcionalidad-estado{flex:0 1 auto;border:1px solid var(--border);border-radius:999px;padding:7px 12px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:750;line-height:1.4}
.renovaciones-funcionalidad-card[data-estado="HABILITADA"] .renovaciones-funcionalidad-estado{background:#FFF0EA;border-color:#FFD3C5;color:#B33B1C}
.renovaciones-funcionalidad-contenido{padding:0 18px 18px;font-size:12px;line-height:1.6;color:var(--ink)}
.renovaciones-funcionalidad-contenido p{margin:0 0 10px}
.renovaciones-funcionalidad-fecha{display:block;color:var(--muted);font-size:11px;margin-bottom:12px}
.renovaciones-funcionalidad-feedback{padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}
.renovaciones-funcionalidad-feedback[data-tipo="error"]{border-left:3px solid #FF5C33}
.renovaciones-funcionalidad-acciones{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.renovaciones-funcionalidad-acciones button{min-height:40px;font-size:11px}
.renovaciones-funcionalidad-acciones .renovaciones-boton-primario{background:#FF5C33;border-color:#FF5C33;color:#172B35}
.renovaciones-funcionalidad-card [hidden]{display:none!important}
.renovaciones-funcionalidad-acciones button:focus-visible{outline:3px solid #FF5C33;outline-offset:3px}
html[data-theme="dark"] .renovaciones-funcionalidad-card[data-estado="HABILITADA"] .renovaciones-funcionalidad-estado{background:#352018;border-color:#6C3424;color:#FFAC95}
html[data-theme="dark"] .renovaciones-funcionalidad-acciones .renovaciones-boton-primario{background:#FF5C33;border-color:#FF5C33;color:#172B35}
@media(max-width:760px){
  .renovaciones-funcionalidad-acciones{flex-direction:column;align-items:stretch}
  .renovaciones-funcionalidad-estado{max-width:100%;overflow-wrap:anywhere}
}

.renovaciones-tabs{
  display:flex;
  gap:4px;
  margin:14px 14px 0;
  padding:4px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
  overflow:auto;
}

.renovaciones-tab{
  flex:0 0 auto;
  min-height:38px;
  padding:0 17px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-size:8px;
  font-weight:950;
  letter-spacing:.035em;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
}

.renovaciones-tab:hover{
  color:var(--ink);
  background:rgba(255,92,51,.05);
}

.renovaciones-tab.active{
  background:#FFF0EA;
  color:#E9532E;
}

.renovaciones-config-panel,
.renovaciones-placeholder-interno{
  margin:12px 14px 14px;
}

.renovaciones-config-panel[hidden],
.renovaciones-placeholder-interno[hidden],
.renovaciones-shell[hidden]{
  display:none!important;
}

.renovaciones-config-panel{
  display:grid;
  gap:12px;
}

.renovaciones-config-card{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--card);
}

.renovaciones-config-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:17px 18px 13px;
}

.renovaciones-config-kicker{
  display:block;
  margin-bottom:4px;
  color:#FF5C33;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
}

.renovaciones-config-card-head h2{
  margin:0;
  color:var(--ink);
  font-size:17px;
  letter-spacing:-.02em;
}

.renovaciones-config-card-head p{
  max-width:720px;
  margin:6px 0 0;
  color:var(--muted);
  font-size:8.5px;
  line-height:1.5;
  font-weight:650;
}

.renovaciones-config-version{
  flex:0 0 auto;
  padding:6px 10px;
  border:1px solid #FFD3C5;
  border-radius:999px;
  background:#FFF0EA;
  color:#E9532E;
  font-size:8px;
  font-weight:950;
}

.renovaciones-config-periodo-grid{
  display:grid;
  grid-template-columns:minmax(160px,.8fr) minmax(220px,1fr) minmax(170px,.75fr) auto;
  gap:10px;
  align-items:end;
  padding:0 18px 12px;
}

.renovaciones-config-control{
  display:block;
  min-width:0;
}

.renovaciones-config-control > span{
  display:block;
  margin-bottom:6px;
  color:var(--ink);
  font-size:8px;
  font-weight:900;
}

.renovaciones-config-control input,
.renovaciones-config-control select,
.renovaciones-config-number input{
  width:100%;
  min-height:36px;
  border:1px solid var(--border);
  border-radius:9px;
  padding:0 10px;
  background:var(--card);
  color:var(--ink);
  font:inherit;
  font-size:10px;
  font-weight:850;
  outline:none;
}

.renovaciones-config-control input:focus,
.renovaciones-config-control select:focus,
.renovaciones-config-number input:focus{
  border-color:#FF8B6D;
  box-shadow:0 0 0 2px rgba(255,92,51,.08);
}

.renovaciones-config-control input:disabled,
.renovaciones-config-control select:disabled,
.renovaciones-config-number input:disabled{
  opacity:.6;
  cursor:not-allowed;
}

.renovaciones-config-periodo-estado{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border:1px solid var(--border);
  border-radius:9px;
  background:#F5F7F7;
  color:var(--muted);
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
}

.renovaciones-config-periodo-estado-ok{
  border-color:#A6DEC4;
  background:#EAF8F1;
  color:#247552;
}

.renovaciones-config-periodo-estado-cambio{
  border-color:#F4D59A;
  background:#FFF7E7;
  color:#8C650F;
}

.renovaciones-config-periodo-resumen{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 18px 17px;
  min-height:35px;
  padding:0 11px;
  border:1px solid #A6DEC4;
  border-radius:9px;
  background:#EAF8F1;
  color:#247552;
  font-size:8px;
}

.renovaciones-config-contexto-publicacion{
  margin:0 18px 12px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--card);
  color:var(--ink);
  font-size:10px;
  font-weight:750;
  line-height:1.5;
}

.renovaciones-config-periodo-resumen strong{
  font-weight:950;
}

.renovaciones-config-periodo-resumen span:last-child{
  color:#48665A;
  font-weight:700;
}

.renovaciones-config-periodo-check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:17px;
  height:17px;
  border-radius:50%;
  background:#2E7D5B;
  color:#fff!important;
  font-size:10px;
  font-weight:950;
}

.renovaciones-config-margenes{
  display:grid;
  gap:9px;
  padding:0 18px 17px;
}

.renovaciones-config-margen-fila{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:18px;
  align-items:center;
  min-height:66px;
  padding:11px 13px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--card);
}

.renovaciones-config-margen-copy strong,
.renovaciones-config-margen-copy span{
  display:block;
}

.renovaciones-config-margen-copy strong{
  color:var(--ink);
  font-size:9px;
  font-weight:950;
}

.renovaciones-config-margen-copy span{
  margin-top:5px;
  color:var(--muted);
  font-size:8px;
  font-weight:750;
  letter-spacing:.02em;
}

.renovaciones-config-number{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
  align-items:center;
}

.renovaciones-config-number b{
  color:var(--muted);
  font-size:8px;
}

.renovaciones-config-upgrade-note{
  padding:2px 3px 0;
  color:var(--muted);
  font-size:7.8px;
  line-height:1.4;
  font-weight:650;
}

.renovaciones-config-politica{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:13px 15px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#FAFBFB;
}

.renovaciones-config-politica > div{
  min-width:0;
}

.renovaciones-config-politica b,
.renovaciones-config-politica span{
  display:block;
}

.renovaciones-config-politica b{
  margin-bottom:4px;
  color:var(--ink);
  font-size:8.5px;
}

.renovaciones-config-politica span{
  color:var(--muted);
  font-size:8px;
  line-height:1.45;
}

.renovaciones-config-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:62px;
  padding:10px 14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}

.renovaciones-config-feedback{
  color:var(--muted);
  font-size:8.5px;
  font-weight:700;
}

.renovaciones-config-feedback-ok{
  color:#16885B;
}

.renovaciones-config-feedback-error{
  color:#C84D45;
}

.renovaciones-config-save{
  min-height:38px!important;
}

.renovaciones-placeholder-interno{
  min-height:260px;
  padding:28px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--card);
}

.renovaciones-placeholder-interno > span{
  display:block;
  margin-bottom:5px;
  color:#FF5C33;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
}

.renovaciones-placeholder-interno h2{
  margin:0;
  color:var(--ink);
  font-size:18px;
}

.renovaciones-placeholder-interno p{
  max-width:620px;
  margin:7px 0 0;
  color:var(--muted);
  font-size:9px;
  line-height:1.5;
}

html[data-theme="dark"] .renovaciones-tabs,
html[data-theme="dark"] .renovaciones-config-card,
html[data-theme="dark"] .renovaciones-config-control input,
html[data-theme="dark"] .renovaciones-config-control select,
html[data-theme="dark"] .renovaciones-config-number input,
html[data-theme="dark"] .renovaciones-config-margen-fila,
html[data-theme="dark"] .renovaciones-config-actions,
html[data-theme="dark"] .renovaciones-placeholder-interno{
  background:#171F23;
  border-color:#2A3439;
}

html[data-theme="dark"] .renovaciones-tab.active{
  background:#352018;
  color:#FF8065;
}

html[data-theme="dark"] .renovaciones-config-version{
  background:#352018;
  border-color:#6C3424;
  color:#FF8065;
}

html[data-theme="dark"] .renovaciones-config-periodo-estado{
  background:#11181C;
  border-color:#2A3439;
}

html[data-theme="dark"] .renovaciones-config-periodo-estado-ok,
html[data-theme="dark"] .renovaciones-config-periodo-resumen{
  background:#17352B;
  border-color:#2D604C;
  color:#74D5AB;
}

html[data-theme="dark"] .renovaciones-config-periodo-estado-cambio{
  background:#3A301C;
  border-color:#6F5C2E;
  color:#F2C565;
}

html[data-theme="dark"] .renovaciones-config-periodo-resumen span:last-child{
  color:#9BC8B5;
}

html[data-theme="dark"] .renovaciones-config-politica{
  background:#11181C;
  border-color:#2A3439;
}

@media(max-width:1100px){
  .renovaciones-config-periodo-grid{
    grid-template-columns:1fr 1fr;
  }

  .renovaciones-config-periodo-estado{
    min-height:36px;
  }
}

@media(max-width:760px){
  .renovaciones-tabs{
    margin:10px 10px 0;
  }

  .renovaciones-config-panel,
  .renovaciones-placeholder-interno{
    margin:10px;
  }

  .renovaciones-config-card-head{
    flex-direction:column;
  }

  .renovaciones-config-periodo-grid,
  .renovaciones-config-politica{
    grid-template-columns:1fr;
  }

  .renovaciones-config-margen-fila{
    grid-template-columns:1fr;
    gap:9px;
  }

  .renovaciones-config-periodo-resumen{
    align-items:flex-start;
    flex-wrap:wrap;
    padding:9px 11px;
  }

  .renovaciones-config-actions{
    align-items:stretch;
    flex-direction:column;
  }
}