@charset "utf-8";

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #000;
}

a:active {
    text-decoration: none;
    color: #FFF;
}

td {
  padding: 3px 7px; /* 3px alto y 7px ancho) */
}

.boton-borrar {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: 2px solid #a3a3a3;
    border-radius: 50px;
    cursor: pointer;
    color: #a3a3a3;
    font-size: x-large;
    font-weight: bold;
    padding: 0px 1px;
}

.boton-borrar:hover {
    color: #FF0000;
    border-color: #FF0000;
    background-color: #fec3c3;
}

.boton-borrar:active {
    font-size: large;
    color: #FFA500;
    border-color: #FFA500;
}

.btn-fila {
    background-color: #4CAF50; color: white; border: 1px solid black; border-radius: 50%;
    width: 30px; height: 30px; font-size: 18px; cursor: pointer; line-height: 28px;
    text-align: center; display: inline-block; margin-left: 5px; font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.btn-fila.remove {
    background-color: #f44336;
}

.btn-fila:hover {
    opacity: 0.8;
}

.controles-tabla {
    display: flex; justify-content: center; margin-top: 10px; gap: 10px;
}

.ajuste-ancho:focus {
    border-color: #66afe9;
    box-shadow: 0 0 5px 2px rgba(102, 175, 233, 0.6);
    outline: none;
}

.ajuste-ancho-fecha:focus {
    border-color: #66afe9;
    box-shadow: 0 0 5px 2px rgba(102, 175, 233, 0.6);
    outline: none;
}

.ajuste-ancho-centrado:focus {
    border-color: #66afe9;
    box-shadow: 0 0 5px 2px rgba(102, 175, 233, 0.6);
    outline: none;
}

li ul {
    position: absolute;
    font-size: medium;
    display: none;
    background: #07005B;
    width: 400px;
}

li:hover ul {
    display: block;
}

li ul {
    width: 400px;
    font-family: Cambria;
    font-size: large;
    text-decoration: blink;
    font-weight: bold;
    text-align: center;
}

cuerpoizquierdausuarios {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100%;
    max-height: 100vh;
    overflow-y: auto;
    width: 20%;
    background-color: #FFF;
    border-radius: 45px;
    box-sizing: border-box;
    border: 15px solid #066;
    padding: 15px 15px 15px 15px;
    scrollbar-width: auto;
    scrollbar-color: #D4AF37 #066;
}

cuerpoizquierdausuarios ul {
    padding-left: 0;
    margin: 0;
}

cuerpoizquierdausuarios::-webkit-scrollbar {
    width: 45px;
}

cuerpoizquierdausuarios::-webkit-scrollbar-track {
    background: #066;
    margin: 45px 0;
}

cuerpoizquierdausuarios::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #E6C27A 0%, #D4AF37 50%, #B58B22 100%);
    border-radius: 20px;
    border: 8px solid #066;
}

cuerpoizquierdausuarios::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #F3D596 0%, #E6C27A 50%, #D4AF37 100%);
}

cuerpoizquierdausuarios::-webkit-scrollbar-button:single-button {
    display: block;
    background-color: #066;
    height: 45px;
}

cuerpoizquierdausuarios::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23D4AF37'><polygon points='50,20 90,80 10,80'/></svg>");
    background-size: 30px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

cuerpoizquierdausuarios::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23D4AF37'><polygon points='50,80 10,20 90,20'/></svg>");
    background-size: 30px;
    background-position: center top;
    background-repeat: no-repeat;
}

paneltitulos {
    width:80%;
    background-color: #D8D8D8;
    padding:20px;
    float:right;
    box-sizing: border-box;
    border-bottom: 15px solid rgba(255,255,255,.5);
    text-align: center;
    margin-bottom:10px;
    border: solid #000000 5px;
}

panelafectivos {
    width:80%;
    background: #EBF3FA;
    padding:20px;
    float:right;
    box-sizing: border-box;
    border-bottom: #DF013A;
    text-align: center;
    margin-bottom:10px;
    border: solid #08088A 5px;
}

panelsalud {
    width:80%;
    background: #FFF0F0;
    padding:20px;
    float:right;
    box-sizing: border-box;
    border-bottom: 15px solid rgba(255,255,255,.5);
    text-align: center;
    margin-bottom:10px;
    border: solid #A90105 5px;
}

panelactividadfisica {
    width:80%;
    background:#F5F6CE;
    padding:20px;
    float:right;
    box-sizing: border-box;
    border-bottom: 15px solid rgba(255,255,255,.5);
    text-align: center;
    margin-bottom:10px;
    border: solid #D7DF01 5px;
}

panelestetica {
    width:80%;
    background:#D5F7D5;
    padding:20px;
    float:right;
    box-sizing: border-box;
    border-bottom: 15px solid rgba(255,255,255,.5);
    text-align: center;
    margin-bottom:10px;
    border: solid #0B610B 5px;
}

panelahorro {
    width:80%;
    background:#F3E5B7;
    padding:20px;
    float:right;
    box-sizing: border-box;
    border-bottom: 15px solid rgba(255,255,255,.5);
    text-align: center;
    margin-bottom:10px;
    border: solid #FF8000 5px;
}

panelcrecimiento {
    width:80%;
    background: #EFEAF5;
    padding:20px;
    float:right;
    box-sizing: border-box;
    border-bottom: 15px solid rgba(255,255,255,.5);
    text-align: center;
    margin-bottom:10px;
    border: solid #610B4B 5px;
}

panelestudio {
    width:80%;
    background:#FFDEC5;
    padding:20px;
    float:right;
    box-sizing: border-box;
    border-bottom: 15px solid rgba(255,255,255,.5);
    text-align: center;
    margin-bottom:10px;
    border: solid #61210B 5px;
}

paneltramites {
    width:80%;
    background:#FFFFFF;
    padding:20px;
    float:right;
    box-sizing: border-box;
    border-bottom: 15px solid rgba(255,255,255,.5);
    text-align: center;
    margin-bottom:10px;
    border: solid #000000 5px;
}

panelcompras {
    width:80%;
    background:#FFFFFF;
    padding:20px;
    float:right;
    box-sizing: border-box;
    border-bottom: 15px solid rgba(255,255,255,.5);
    text-align: center;
    margin-bottom:10px;
    border: solid #000000 5px;
}

panelfechas {
    width: 80%;
    background: #FFFFFF;
    padding: 20px;
    float: right;
    box-sizing: border-box;
    border-bottom: 15px solid rgba(255,255,255,.5);
    text-align: center;
    margin-bottom: 10px;
    border: solid #000000 5px;
}

@media screen and (max-width: 1000px) {
    .calcular {
        font-size: 16px;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 769px) {
    .botonrecomendacion:hover {
        font-size: inherit;
        background-color: inherit;
        border-color: inherit;
    }

    .botonrecomendacion:active {
        font-size: medium;
        background-color: white;
        border-color: #FF8C00;
    }

    .boton-borrar {
        font-size: small;
    }
}

@media screen and (min-width: 770px) {
    superiorizquierda {
        display:none;
    }

    superiorcentro {
        display:none;
    }

    superiorderecha {
        display:none;
    }
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.centraTabla {
    text-align: center;
}

div.centraTabla table {
    margin: 0 auto;
    text-align: left;
}

h1 {
    margin: 1px 0;
}

h2 {
    margin: 1px 0;
}

h3 {
    margin: 5px 0;
}

input[type="date"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
    text-align: center;
    padding: 2px;
    border: 2px solid #828282;
    border-radius: 4px;
    transition: box-shadow 0.3s ease;
}

input[type="date"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
    outline: none;
    border-color: #66afe9;
    box-shadow: 0 0 8px 2px rgba(102, 175, 233, 0.6);
}

input[type="button"].calcular {
    cursor: pointer;
}

button[type="submit"].calcular {
    cursor: pointer;
}

input[type="submit"] {
    cursor: pointer;
}

input[type="reset"] {
    border-radius: 5px;
    padding: 1px 10px;
}

input[type="reset"]:hover {
    color: #600;
    background-color: #FFF8D8;
    cursor: pointer;
}

input[type="reset"]:active {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transform: scale(0.95);
    cursor: pointer;
}

body {
    display: flow-root;
    margin: 0;
    padding: 0;
    width: 100%;
    background:#066;
}

a:link {
    text-decoration: none;
}

.columna-ancho-que {
    min-width: 20vw;
}

.columna-ancho-fecha {
    min-width: 3vw;
}

.columna-ancho-donde {
    min-width: 10vw;
}

.ajuste-ancho {
    width: 100%;
    min-width: 100%;
    max-width: none;
    box-sizing: border-box;
    background-color: #FFFFF4;
    padding: 3px;
    font-weight: bold;
    font-size: medium;
}

.ajuste-ancho-fecha {
    width: 100%;
    min-width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: 3px;
    font-weight: bold;
    font-size: large;
    text-align: center;
}

.ajuste-ancho-centrado {
    width: 100%;
    min-width: 100%;
    max-width: none;
    box-sizing: border-box;
    background-color: #FFFFF4;
    padding: 3px;
    font-weight: bold;
    font-size: medium;
    text-align: center;
}

ul {
    margin: 0;
    padding: 0;
}

.titulosmenuizquierda {
    font-family: "Georgia", serif;
    color: #D4AF37;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    background-color: #0B3D2B;
    border-bottom: 3px solid rgba(253, 199, 69, 1);
    list-style: none;
    user-select: none;
}

.titulosmenuizquierda:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.vinculosmenuizquierda {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vinculosmenuizquierda a {
    font-family: "Cambria", sans-serif;
    color: #F8F9FA;
    text-decoration: none;
    display: block;
    transition: background 0.2s;
}

.vinculosmenuizquierda:hover a {
    color: #D4AF37;
    background-color: rgba(255, 255, 255, 0.05);
    border-left: 3px solid #FFD54F;
    padding-left: 20px !important;
    font-weight: bold;
}

.juegos {
    list-style: none;
    margin: 0;
    padding: 0;
}

.juegos a {
    font-family: "Cambria", sans-serif;
    color: #066;
    background-color: #D4AF37;
    text-align: center;
    text-decoration: none;
    display: block;
    font-weight: bold;
    border-radius: 3px;
}

.juegos a:hover {
    background-color: #FFD54F;
    color: #000;
    transform: translateY(-2px);
}

@media screen and (min-width: 769px) and (max-width: 1365px) {
    .sinelefantesblancos {
        font-size: 20px;
    }

    .titulosmenuizquierda {
        font-size: 11px;
        margin: 3px 0 1px 0;
        padding: 4px 3px;
    }

    .vinculosmenuizquierda a {
        font-size: 11px;
        padding: 3px 8px;
    }

    .juegos {
        margin: 5px;
    }

    .juegos a {
        font-size: 11px;
        padding: 5px;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1599px) {
    .sinelefantesblancos {
        font-size: 20px;
    }

    .titulosmenuizquierda {
        font-size: 12px;
        margin: 4px 0 0 0;
        padding: 5px 5px;
        line-height: 1.2;
    }

    .vinculosmenuizquierda a {
        font-size: 12px;
        padding: 2px 5px;
    }

    .juegos {
        margin: 6px 5px;
    }

    .juegos a {
        font-size: 12px;
        padding: 5px;
    }
}

@media screen and (min-width: 1600px) {
    .sinelefantesblancos {
        font-size: 30px;
    }

    .titulosmenuizquierda {
        font-size: 15px;
        margin: 5px 0 5px 0;
        padding: 5px 7px;
    }

    .vinculosmenuizquierda a {
        font-size: 14px;
        padding: 4px 7px;
    }

    .juegos {
        margin: 15px 8px;
    }

    .juegos a {
        font-size: 15px;
        padding: 10px;
    }
}

.logo {
    padding: 2px;
    margin: 2px;
    margin-bottom: 10px;
    border: 2px solid black;
    width: 60px;
}

.logo:hover {
    box-shadow: 0.4rem 0.4rem 0.6rem rgba(0,0,0,0.4);
}

.imagen-sombras:hover {
    box-shadow: 0.4rem 0.4rem 0.6rem rgba(0,0,0,0.4);
}

.imagenes {
    margin: 2px;
    vertical-align: middle;
    width: 80px;
}

.imagenes:hover {
    box-shadow: 0.4rem 0.4rem 0.6rem rgba(0,0,0,0.4);
}

.ingresarregistrarse {
    font-size: medium;
    color: #FFF;
    cursor: pointer;
    font-family: "Cambria", sans-serif;
    background-color: #066;
    font-weight: bold;
    letter-spacing: normal;
    vertical-align: middle;
    word-spacing: normal;
    border-style: solid;
    border-color: #003C13;
    border-radius: 5px;
    border-width: 0.3em;
    margin: 2px;
    margin-top:10px;
    padding: 2px;
}

.ingresarregistrarse:hover {
    color: #066;
    background-color: #FFF;
    font-size: large;
}

.datospersonales {
    font-size: medium;
    text-align: center;
    color: #FFF!important;
    cursor: pointer;
    font-family: "Cambria", sans-serif;
    background-color: #0101DF;
    font-weight: bold;
    letter-spacing: normal;
    vertical-align: middle;
    word-spacing: normal;
    border-style: solid;
    border-color: #08088A;
    border-radius: 5px;
    border-width: 0.3em;
    margin: 2px;
    margin-top:10px;
    padding: 2px;
}

.datospersonales:hover {
    color: #0101DF;
    background-color: #FFF;
    font-size: medium;
}

.botonsinelefantesblancos {
    font-size: medium;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    font-family: "Cambria", sans-serif;
    background-color: #066;
    font-weight: bold;
    letter-spacing: normal;
    vertical-align: middle;
    word-spacing: normal;
    border-style: solid;
    border-color: #066;
    border-radius: 5px;
    border-width: 0.3em;
    margin: 2px;
    margin-top:10px;
    padding: 2px;
}

.botonsinelefantesblancos:hover {
    color: #066;
    background-color: #FFF;
    font-size: medium;
}

.sinelefantesblancos {
    color: #000;
    cursor: pointer;
    font-family: "Cambria", sans-serif;
    background-color: #FFF;
    font-weight: bold;
    letter-spacing: normal;
    vertical-align: middle;
    word-spacing: normal;
    border-style: solid;
    border-color: #0160F4;
    border-radius: 10px;
    border-width: 0.2em;
    margin: 3px;
    margin-top:15px;
    padding: 8px 15px;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    max-width: 100%;
}

.sinelefantesblancos:hover {
    color: #000;
    background-color: #DDEFFF;
    font-size: 34px;
}

.marcaregistrada {
    font-size: 10px;
    font-family: "Cambria", sans-serif;
    vertical-align: top;
}

.contactonombre {
    display: inline-block;
    font-size: small;
    color: #900;
    cursor: pointer;
    font-family: "Cambria", sans-serif;
    background-color: #FFF;
    font-weight: bold;
    letter-spacing: normal;
    word-spacing: normal;
    border-style: solid;
    border-color: #003C13;
    border-radius: 5px;
    border-width: 0.1em;
    margin: 5px;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 4px 8px;
    text-decoration: none;
}

.contactonombre:hover {
    color: #FFF;
    background-color: #900;
    font-size: small;
}

.mensajealerta {
    font-family: Cambria;
    font-size: large;
    color: #FF0000;
    background-color: #FFD9D9;
    font-weight: bold;
}

.mensajeatencion {
    font-family: Cambria;
    font-size: x-large;
    color: #000000;
    background-color: #FFFF00;
    font-weight: bold;
}

.mensajeok {
    font-family: Cambria;
    font-size: large;
    color: #003300;
    background-color: #66FF66;
    font-weight: bold;
}

.calcular {
    background-color: #0555b0;
    color: #ffffff;
    border: 2px solid #05274f;
    border-radius: 5px;
    padding: 8px 16px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    font-size: 20px;
    transition: all 0.2s ease-in-out;
    outline: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.calcular:hover {
    background-color: #2178db;
    border-color: #05274f;
    color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.calcular:active {
    transform: translate(1px, 1px);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.programaafiliado {
    background-color: #ffe600;
    color: #2d3277;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    font-family: sans-serif;
    display: inline-block;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    transition: background-color 0.3s;
}

.programaafiliado:hover {
    background-color: #fff159;
    box-shadow: 0 6px 8px rgba(0,0,0,0.4);
}

.cuerpo {
    font-family: Cambria;
    font-size: medium;
    color: #000;
    text-align: justify;
    line-height: 1.4em;
}

.chico {
    font-family: Cambria;
    font-size: medium;
    color: #000;
    text-align: left;
}

.posibles {
    font-family: Cambria;
    font-size: large;
    color: #000;
    text-align: justify;
}

.titulodelcuerpo {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: xx-large;
    color: #036;
    text-align: center;
    font-weight: bold;
    background-color: #E9E9E9;
    padding: 3px;
}

.titulousuarios {
    font-family: Cambria;
    font-size: xx-large;
    color: #000000;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
}

.mensajeperfilinversor {
    font-family: Cambria;
    font-size: large;
    color: #000066;
    background-color: #D7F2FF;
    font-weight: bold;
}

.tabla {
    font-family: Cambria;
    font-size: x-large;
    color: #000;
    text-align: center;
    font-weight: bold;
}

.tablanaranja {
    font-family: Cambria;
    font-size: x-large;
    color: #FF6600;
    font-weight: bold;
}

.editar {
    font-size: x-small;
    color: #03C;
    cursor: pointer;
    font-family: "Cambria", sans-serif;
    background-color: #FFF;
    font-weight: bold;
    letter-spacing: normal;
    vertical-align: middle;
    word-spacing: normal;
    border-style: solid;
    border-color: #003C13;
    border-radius: 5px;
    border-width: 0.1em;
    margin-left: 10px;
    padding: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.editar:hover {
    color: #000;
    background-color: #DDEBFF;
    font-size: x-small;
}

.segundosvinculos {
    font-family: Verdana;
    font-size: small;
    text-decoration: blink;
    color: #000000;
    text-transform: capitalize;
    font-weight: bold;
}

.principalesvinculos {
    font-family: Cambria;
    color: #000066;
    border-color: #333;
    font-size: large;
    font-weight: bold;
}

.principalesvinculosblancos {
    font-family: Cambria;
    color: #FFF;
    font-size: large;
    font-weight: bold;
    line-height: 1.8em;
}

.secundariosvinculosblancos {
    font-family: Cambria;
    color: #FFF;
    font-size: medium;
    font-weight: bold;
    line-height: 3.0em;
}

.secundariosvinculosblancos a {
    display: block;
    padding: 3px;
    text-decoration: none;
}

.superiorparatabla {
    font-family: Cambria;
    font-size: large;
    text-decoration: blink;
    font-weight: bold;
    color: #900;
    background-color: #FFC;
    border-color: #333;
    text-align: center;
    line-height: 1.8em;
}

.renunciaderesponsabilidad {
    font-family: Cambria;
    font-size: large;
    color: #134F5C;
    background-color: #FFF;
    text-align: center;
    font-weight: bold;
    border-style: solid;
    border-color: #000000;
    border-radius: 5px;
    border-width: 0.3em;
    margin: 10px;
    padding: 5px;
}

.renunciaderesponsabilidad a {
    color: inherit;
    text-decoration: none;
    text-align: center;
}

.renunciaderesponsabilidad:hover {
    color: #000;
    background-color: #DBFFDB;
    border-style: solid;
    border-color: #000000;
    border-radius: 5px;
    border-width: 0.3em;
    margin: 10px;
    padding: 5px;
}

.renunciaderesponsabilidad:active {
    color: #000;
    background-color: white;
}

.superior {
    text-align: center;
    text-decoration: blink;
    font-family: Cambria;
    font-size: large;
    font-weight: bold;
    color: #900;
    background-color: #FFC;
    border-style: solid;
    border-color: #283747;
    border-radius: 10px;
    border-width: 0.3em;
    margin: 20px;
    padding: 8px;
}

.superior a {
    color: inherit;
    text-decoration: none;
    text-align: center;
}

.superior:hover {
    color: #000;
    background-color: #F3F3F3;
    border-style: solid;
    border-color: #FF8C00;
    border-radius: 10px;
    border-width: 0.3em;
    margin: 20px;
    padding: 8px;
}

.superior:active {
    color: #000;
    background-color: white;
}

.superiorparatabla {
    font-family: Cambria;
    font-size: large;
    text-decoration: blink;
    font-weight: bold;
    color: #900;
    background-color: #FFC;
    text-align: center;
    line-height: 1.8em;
}

.favoritos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #FFC;
    text-decoration: blink;
}

.tablacambiacolor {
    background-color: #000;
    border-color: #d6dbdf;
    border-radius: 5px;
}

.tablacambiacolor:hover {
    background-color: #000;
    border-color: #000;
    border-radius: 5px;
}

.inicio {
    font-family: Cambria, Arial, sans-serif;
    font-size: medium;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #283747;
    border-style: solid;
    border-color: #d6dbdf;
    border-radius: 5px;
    border-width: 0.3em;
    margin: 5px;
    padding: 5px;
    word-wrap: break-word;
    line-height: 2.1;
    white-space: normal;
}

.inicio:hover {
    color: #000;
    background-color: #FFF8D8;
    border-style: solid;
    border-color: #FF8C00;
    border-radius: 5px;
    border-width: 0.3em;
    margin: 5px;
    padding: 5px;
}

.inicio:active {
    color: #600;
    margin: 5px;
    background-color: white;
}

.botonrecomendacion {
    font-family: Cambria;
    font-size: medium;
    color: #000;
    font-weight: bold;
    border-style: solid;
    border-color: #000;
    border-radius: 5px;
    border-width: 0.3em;
    margin: 3px;
    padding: 5px;
    cursor: pointer;
}

.botonrecomendacion:hover {
    background-color: white;
    border-color: #FF8C00;
}

.botonrecomendacion:active {
    color: #600;
    background-color: #FFF8D8;
}

.recomendaciones {
    font-family: Cambria;
    font-size: x-large;
    color: #036;
    text-align: center;
    font-weight: bold;
}

.dentrotabla {
    font-family: Cambria;
    font-size: large;
    color: #000;
    text-align: center;
    font-weight: bold;
    line-height: 1.0em;
}

.subtitulocuerpo {
    font-family: "Lucida Bright";
    font-size: large;
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}

.frases {
    font-family: "Times New Roman";
    font-size: large;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-style: italic;
    line-height: 1.8em;
}

.imagenescentradas {
    text-align: center;
}

.segundotitulo {
    font-family: "Times New Roman";
    font-size: xx-large;
    color: #600;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
    padding: 3px;
}

.datoscentrados {
    text-align: center;
    color: #000;
}

.mensajeerror {
    font-size: 200%;
    font-family: Cambria;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #003;
    background-color: #FFF;
}

.respuestas {
    font-size: 120%;
    font-family: Cambria;
    color: #000;
}

.cuerpocentradocursiva {
    text-align: center;
    font-style: italic;
}

.aladerecha {
    text-align: right;
}

.sobreimagen {
    overflow: hidden;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.aceptarterminosycondiciones {
    font-size: xx-large;
    font-family: Cambria;
    text-align: left;
}

.saltarpantalla {
    font-family: Cambria;
    font-size: x-large;
    font-weight: bold;
}

.menu {
    font-family: Cambria;
    color: #000066;
    font-size: large;
    font-weight: bold;
}

.submenu {
    font-family: Cambria;
    color: #fff;
    font-size: large;
    font-weight: bold;
}

.submenurd a {
    display: block;
    font-size: large;
    width: 400px;
    color: #FFF;
}

#menuprincipal {
    position: relative;
    width: 100%;
    padding: 3px;
    font-family: Cambria;
    font-size: large;
    font-weight: bold;
    text-align: center;
}

#menuprincipal ul {
    list-style: none;
}

#titulos {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 3px;
    color: #FFF;
    font-weight: bold;
    background: #000000;
}

#titulos a {
    text-decoration: none;
    color: #FFF;
    padding: 0 3px;
    font-weight: bold;
}

#titulos li:hover {
    background: #900900;
    padding: 0;
    font-weight: bold;
}

#titulos li:active {
    font-size: large;
}

#titulos > li {
    position: relative;
    display: inline-block;
    padding: 0;
    color: #FFF;
    width: 140px;
    border: 0.1em solid #FFF;
    border-radius: 1px;
    text-align: center;
}

#titulos > li > a {
    display: block;
    padding: 0 3px;
    color: #FFF;
    width: 140px;
    text-align: center;
}

/*
 * Los menús de atajos indicados se distribuyen en filas flexibles. Si un texto
 * ocupa dos renglones, los demás botones de esa fila conservan el mismo alto.
 */
cuerpoparaindexcuarenta #menuprincipal > #titulos,
cuerpocentro #menuprincipal > #titulos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

cuerpoparaindexcuarenta #menuprincipal > #titulos > li,
cuerpocentro #menuprincipal > #titulos > li {
    display: flex;
}

cuerpoparaindexcuarenta #menuprincipal > #titulos > li > a,
cuerpoparaindexcuarenta #menuprincipal > #titulos > li > span,
cuerpocentro #menuprincipal > #titulos > li > a,
cuerpocentro #menuprincipal > #titulos > li > span {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 7px;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: anywhere;
}

#titulos > li:hover > ul.secundariosvinculosblancos {
    display: block;
}

#titulos > li > ul.secundariosvinculosblancos {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    display: none;
    width: 300px;
    margin: 0;
    padding: 3px;
    font-size: medium;
    color: #FFF;
    background: #212121;
}

.menu_bar {
    display: none;
}

header {
    background:#000000;
    margin: 0px 0;
    width: 100%;
}

header h1 {
    color:#345345;
    padding:20px 0;
    text-align:center;
}

header nav {
    background:#000000;
    z-index:1000;
    max-width: 1000px;
    width:95%;
    margin:20px auto;
}

header nav ul {
    list-style:none;
}

header nav ul li {
    display:inline-block;
    position: relative;
}

header nav ul li:hover {
    background:#A80000;
}

header nav ul li a {
    color:#fff;
    display:block;
    text-decoration:none;
    padding: 20px;
}

header nav ul li a span {
    margin-right:10px;
}

header nav ul li:hover .children {
    display:block;
}

header nav ul li .children {
    display: none;
    background:#001b2b;
    position: absolute;
    width: 200%;
    z-index:1000;
}

header nav ul li .children li {
    display:block;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
    display: block;
}

header nav ul li .children li a span {
    float: right;
    position: relative;
    top:3px;
    margin-right:0;
    margin-left:10px;
}

header nav ul li .caret {
    position: relative;
    top:3px;
    margin-left:10px;
    margin-right:0px;
}

contenedor {
    width:100%;
    margin:0 auto;
    overflow:hidden;
    box-sizing: border-box;
}

.main {
    width:70%;
    background:#000000;
    padding:20px;
    float:left;
    box-sizing: border-box;
}

cuerpoizquierda {
    display: block;
    float: left;
    width: 20%;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    padding: 20px;
    box-sizing: border-box;
    background-color: #066;
    color: #FFF;
    border: solid #000 5px;
    height: 100vh;
    overflow-y: auto;
    scrollbar-width: auto;
    scrollbar-color: #D4AF37 #066;
}

cuerpoizquierda::-webkit-scrollbar {
    width: 30px;
}

cuerpoizquierda::-webkit-scrollbar-track {
    background: #008f8f;
}

cuerpoizquierda::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #E6C27A 0%, #D4AF37 50%, #B58B22 100%);
    border-radius: 10px;
    border: 2px solid #D4AF37;
    cursor: pointer;
}

cuerpoizquierda::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #FFF4D6 0%, #F5E1A4 50%, #E6C27A 100%);
    cursor: pointer;
}

cuerpocentro {
    display: block;
    float: left;
    width: 55%;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    border: solid #093C00 5px;
}

cuerpoparaindexcuarenta,
aside {
    display: block;
    float: right;
    clear: right;
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 3px;
}

cuerpoderecha {
    display: block;
    float: right;
    clear: right;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 3px;
}

cuerpoderecha {
    background: #066;
    padding: 20px;
}

cuerpocentrosinfrases,
cuerpoparaindexochenta {
    display: block;
    float: left;
    width: 80%;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    border: solid #093C00 5px;
}

cuerpologin {
    display: block;
    float: left;
    width: 58.325%;
    background: #FFFFFF;
    padding: 20px;
    box-sizing: border-box;
    border: solid #000000 5px;
}

cuerpoparaindexcincuenta {
    display: block;
    float: left;
    width: 50%;
    background: #f7feff;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255,255,255,.5);
    margin-bottom: 10px;
    border: solid #000000 5px;
}

cuerpoparaindexcuarenta {
    float: left;
    width: 50%;
    background: #99FF99;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255,255,255,.5);
    margin-bottom: 10px;
    min-height: 350px;
    border: solid #003C13 5px;
    clear: none;
}

cuerpoparaindextreinta {
    display: block;
    float: left;
    width: 41.66%;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    border: solid #093C00 5px;
}

aside {
    display: block;
    width: 25%;
    min-width: 100px;
    padding: 20px;
    box-sizing: border-box;
    background: #066;
}

.publicidadderecha {
    display: block;
    width: 25%;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    box-sizing: border-box;
    background: #066;
    border: solid #093C00 5px;
    scrollbar-width: auto;
    scrollbar-color: #D4AF37 #066;
}

.::-webkit-scrollbar {
    width: 30px;
}

.::-webkit-scrollbar-track {
    background: #008f8f;
}

.::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #E6C27A 0%, #D4AF37 50%, #B58B22 100%);
    border-radius: 10px;
    border: 2px solid #D4AF37;
    cursor: pointer;
}

.::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #FFF4D6 0%, #F5E1A4 50%, #E6C27A 100%);
    cursor: pointer;
}

comoasideparatitulo {
    width:33.333%;
    height:130px;
    box-sizing: border-box;
    background:#fff;
    float: left;
    text-align:center;
}

superiorizquierda,
superiorcentro,
superiorderecha {
    display: block;
    float: left;
    width: 33.333%;
    height: 130px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    margin-top: 1px;
    border: solid #003C13 5px;
    padding-top: 8px;
}

superiorcentromovil {
    width:33.333%;
    padding-top:15px;
    height:130px;
    box-sizing: border-box;
    background:#fff;
    float: left;
    text-align:center;
    margin-top:15px;
    border: solid #003C13 5px;
}

paracuerpototal {
    width:100%;
    padding:20px;
    box-sizing: border-box;
    background:#fff;
    float: left;
    border: solid #000000 5px;
}

cuento,
peliculas,
libros,
footer {
	clear: both;
	float: left;
	margin-top: 5px;
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	text-align: center;
}

cuento {
    background: #CCFFFF;
    border: solid #4aa1a1 5px;
}

peliculas {
    background: #00CCFF;
    border: solid #00C 5px;
}

libros {
    background: #CBFF9A;
    border: solid #009933 5px;
}

footer {
    background: #fffc9e;
    border: solid #7a794b 5px;
    margin-bottom: 30px;
}

.botonrecomendacion:hover {
    background-color: inherit;
    border-color: inherit;
}

.botonrecomendacion:active {
    background-color: white;
    border-color: #FF8C00;
}

.datoscalculador {
    font-family: Cambria;
    color: #FFF;
    font-size: large;
    font-weight: bold;
}

@media screen and (max-width: 1600px) {
    cuerpoparaindexcincuenta {
        width:100%;
        margin-top: 7px;
    }

    .superiorparatabla {
        font-size: medium;
    }
}

@media screen and (max-width: 1000px) {
    .sinelefantesblancos {
        font-size: 18px;
    }

    .sinelefantesblancos:hover {
        font-size: 20px;
    }

    .vinculosmenuizquierda {
        font-size: medium;
    }

    .vinculosmenuizquierda a {
        color: #FFF;
    }

    .vinculosmenuizquierda:hover {
        font-size: medium;
    }

    .vinculosmenuizquierda:hover a {
        color: #066;
    }

    .chico {
        font-size: small;
    }

    cuerpoizquierda {
        padding:5px;
    }
}

@media screen and (max-width: 769px) {
    body {
        padding-top: 70px;
    }

    .main {
        width: 100%;
    }

    .chico {
        font-size: 10px;
    }

    .recomendaciones {
        font-size: medium;
    }

    .dentrotabla {
        font-size: medium;
    }

    .inicio {
        font-size: small;
        border-radius: 2px;
        margin: 2px;
        padding: 2px;
    }

    .inicio:hover {
        font-size: small;
        border-radius: 2px;
        margin: 2px;
        padding: 2px;
    }

    .inicio:active {
        margin: 2px;
    }

    comoasideparatitulo {
        height:120px;
    }

    superiorizquierda,
    superiorcentro,
    superiorderecha {
        height:90px;
        margin-top:0px;
        padding-top: 5px;
    }

    superiorcentromovil {
        display:none;
    }

    paneltitulos {
        width:100%;
    }

    panelafectivos {
        width:100%;
    }

    panelsalud {
        width:100%;
    }

    panelactividadfisica {
        width:100%;
    }

    panelestetica {
        width:100%;
    }

    panelahorro {
        width:100%;
    }

    panelcrecimiento {
        width:100%;
    }

    panelestudio {
        width:100%;
    }

    paneltramites {
        width:100%;
    }

    panelcompras {
        width:100%;
    }

    panelfechas {
        width:100%;
    }

    cuerpologin {
        width:100%;
        margin-top: 7px;
    }

    cuerpoizquierdausuarios {
        display: none;
    }

    cuerpoparaindexochenta {
        width:100%;
    }

    cuerpoparaindexcuarenta {
        width:100%;
    }

    cuerpoparaindextreinta {
        width:100%;
    }

    aside {
        width: 100%;
    }

    cuerpoizquierda {
        display: none;
    }

    cuerpocentro {
        width:100%;
        margin-top:5px;
    }

    cuerpocentrosinfrases {
        width:100%;
        margin-top:5px;
    }

    cuerpoderecha {
        width:100%;
    }

    .publicidadderecha {
        position: static;
        width: 100%;
        box-sizing: border-box;
    }

    cuento,
    peliculas,
    libros,
    footer {
        width: 100%;
        margin-right: 0%;
    }

    .menu_bar {
        display:block;
        width:100%;
        position: fixed;
        top:0;
        background:#FFD700;
    }

    .menu_bar .bt-menu {
        display: block;
        padding: 20px;
        color: #000000;
        overflow: hidden;
        font-size: 20px;
        font-weight: bold;
        text-decoration: none;
    }

    .menu_bar span {
        float: right;
        font-size: 20px;
        font-weight: bold;
    }

    header nav {
        width: 70%;
        height: calc(100% - 80px);
        position: fixed;
        right:100%;
        margin: 0;
        overflow: scroll;
    }

    header nav ul li {
        display: block;
        border-bottom:1px solid rgba(255,255,255,.5);
    }

    header nav ul li a {
        display: block;
    }

    header nav ul li:hover .children {
        display: none;
    }

    header nav ul li .children {
        width: 100%;
        position: relative;
    }

    header nav ul li .children li a {
        margin-left:5px;
    }

    header nav ul li .caret {
        float: right;
    }

    .ingresarregistrarse {
        font-size: x-small;
        border-width: 0.3em;
        margin: 0.8px;
        padding: 0.8px;
        margin-top: 10px;
    }

    .ingresarregistrarse:hover {
        font-size: small;
        color: #066;
        background-color: #FFF;
    }

    .sinelefantesblancos {
        font-size: 20px;
        border-width: 0.1em;
        margin: 1px;
        margin-top:5px;
        padding: 1px;
    }

    .sinelefantesblancos:hover {
        font-size: 20px;
        color: #FFF;
        background-color: #900;
    }

    .marcaregistrada {
        font-size: 10px;
        font-family: "Cambria", sans-serif;
        vertical-align: top;
    }

    .contactonombre {
        font-size: small;
        border-width: 0.1em;
        margin: 0.8px;
        margin-top:5px;
        margin-bottom:2px;
        padding: 0.8px;
    }

    .contactonombre:hover {
        color: #FFF;
        background-color: #900;
        font-size: small;
    }

    .datospersonales {
        font-size: small;
        border-width: 0.3em;
        margin: 10px;
        padding: 0.8px;
        margin-top:10px;
        margin-bottom: 10px;
    }

    .datospersonales:hover {
        font-size: small;
    }

    .botonsinelefantesblancos {
        font-size: small;
        border-width: 0.3em;
        margin: 10px;
        padding: 0.8px;
        margin-top:10px;
        margin-bottom: 10px;
    }

    .botonsinelefantesblancos:hover {
        font-size: small;
    }

    .logo {
        padding: 0.2px;
        margin: 0.2px;
        margin-top: 2px;
        margin-bottom: 2px;
        border: 1px solid black;
        width: 40px;
    }

    .logo:hover {
        box-shadow: 0.4rem 0.4rem 0.6rem rgba(0,0,0,0.4);
    }

    .imagenes {
        margin: 5px;
        margin-bottom: 2px;
        vertical-align: middle;
        width: 60px;
    }

    .imagenes:hover {
        box-shadow: 0.4rem 0.4rem 0.6rem rgba(0,0,0,0.4);
    }

    .datoscalculador {
        font-family: Cambria;
        color: #FFF;
        font-size: medium;
    }

    .calcular {
        font-size: 16px;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 481px) {
    h1 {
        margin: 0px 0;
    }

    h2 {
        margin: 0px 0;
    }

    h3 {
        margin: 3px 0;
    }

    td {
        padding: 3px;
    }

    .columna-ancho-que {
        min-width: 10vw;
    }

    .columna-ancho-fecha {
        min-width: 5vw;
    }

    .columna-ancho-donde {
        min-width: 5vw;
    }

    .ajuste-ancho {
        font-size: small;
    }

    .ajuste-ancho-fecha {
        font-size: small;
    }

    .ajuste-ancho-derecha {
        font-size: small;
    }

    .contenedor {
        width: 100%;
    }

    #titulos > li {
        width: 110px;
    }

    #titulos > li > a {
        width: 110px;
    }

    li ul {
        width: 200px;
    }

    comoasideparatitulo {
        height:90px;
    }

    superiorizquierda,
    superiorcentro,
    superiorderecha {
        padding-top: 3px;
    }

    superiorcentromovil {
        display: none;
    }

    aside {
        display: none;
    }

    cuerpoizquierdausuarios {
        display: none;
    }

    cuerpoizquierda {
        display: none;
    }

    cuerpocentro {
        width:100%;
        margin-top:5px;
    }

    cuerpocentrosinfrases {
        width:100%;
        margin-top:5px;
        padding:10px;
    }

    cuerpoderecha {
        width:100%;
    }

    .publicidadderecha {
        position: static;
        width: 100%;
        box-sizing: border-box;
    }

    .superiorparatabla {
        font-size: small;
    }

    .mensajealerta {
        font-size: small;
    }

    .mensajeatencion {
        font-size: large;
    }

    .mensajeok {
        font-size: small;
    }

    .calcular {
        font-size: 14px;
        padding: 8px 16px;
    }

    .chico {
        font-size: x-small;
    }

    .secundariosvinculosblancos {
        font-size: smaller;
        line-height: 2.0em;
    }

    .secundariosvinculosblancos a {
        padding: 7px;
    }

    .dentrotabla {
        font-size: small;
    }

    .ingresarregistrarse {
        font-size: x-small;
        border-width: 0.1em;
        margin: 0.8px;
        padding: 0.8px;
        margin-top:1px;
    }

    .ingresarregistrarse:hover {
        font-size: x-small;
        color: #066;
        background-color: #FFF;
    }

    .datospersonales {
        font-size: small;
        border-width: 0.3em;
        margin: 3px;
        padding: 0.8px;
        margin-top:3px;
    }

    .datospersonales:hover {
        font-size: small;
    }

    .botonsinelefantesblancos {
        font-size: small;
        border-width: 0.3em;
        margin: 3px;
        padding: 0.8px;
        margin-top:3px;
    }

    .botonsinelefantesblancos:hover {
        font-size: small;
    }

    sharethis {
        display: none;
    }

    .datoscalculador {
        font-size: small;
    }
}

@media screen and (min-width: 770px) {
    header {
        display:none;
    }

    superiorcentromovil {
        display:none;
    }
}

#cuerpograficos {
    width: 55%;
    float: left;
    background: #333333;
    padding: 20px;
    padding-top: 0px;
    box-sizing: border-box;
    border: 5px solid #000000;
    justify-content: center;
    align-items: center;
}

.variable {
    width: 100%;
    background-color: #006400;
    padding:  0px 5px 5px 5px;
    color: #fff;
    font-family: Cambria, serif;
    font-size: x-large;
    font-weight: bold;
    text-align: center;
    margin: 20px 5px 0px 5px;
    box-sizing: border-box;
    border-radius: 15px 15px 0 0;
    border: 5px solid rgba(102, 205, 170, 1);
    border-bottom: 1px;
}

.grafico {
    width: 100%;
    font-family: Cambria, serif;
    font-size: small;
    font-weight: bold;
    text-align: left;
    color: #000000;
    margin: 0px 5px 20px 5px;
    background-color: rgba(211, 211, 211, 1);
    padding: 5px 5px 20px 5px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    border-radius: 0 0 15px 15px;
    border: 5px solid rgba(102, 205, 170, 1);
}

.grafico a:link,
.grafico a:visited {
    color: blue;
    font-weight: bold;
    text-decoration: none;
}

.grafico a:hover,
.grafico a:active {
    color: #ffff00;
    font-weight: bold;
}

@media screen and (max-width: 769px) {
    #cuerpograficos {
    width: 100%;
  }
body.menu-lateral-contraido #cuerpograficos {
  width: 100%;
}
}

.boton-contraer-menu {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0 0 12px;
    padding: 4px;
    color: #000;
    background: #fff;
    border: 2px solid #D4AF37;
    border-radius: 8px;
    cursor: pointer;
    touch-action: manipulation;
}

.boton-contraer-menu:hover {
    background: #FFF4D6;
}

.boton-contraer-menu:focus-visible {
    outline: 3px solid #FFD54F;
    outline-offset: 2px;
}

.boton-contraer-menu img {
    display: block;
    width: 32px;
    height: 32px;
    max-width: 100%;
    object-fit: contain;
}

@media screen and (min-width: 770px) {
    cuerpoizquierda,
    cuerpocentro,
    cuerpocentrosinfrases,
    cuerpoparaindexochenta,
    cuento,
    peliculas,
    libros,
    footer {
        transition: width 0.25s ease;
    }

    body.menu-lateral-contraido cuerpoizquierda {
        width: 4%;
        padding: 2px;
        overflow: hidden;
        border-right-width: 2px;
        border-left-width: 2px;
    }

    body.menu-lateral-contraido cuerpoizquierda > :not(.boton-contraer-menu) {
        display: none !important;
    }

    body.menu-lateral-contraido cuerpoizquierda > .boton-contraer-menu {
        min-height: 36px;
        margin-bottom: 0;
        padding: 1px;
        border-width: 1px;
    }

    body.menu-lateral-contraido cuerpocentro,
    body.menu-lateral-contraido cuento,
    body.menu-lateral-contraido peliculas,
    body.menu-lateral-contraido libros,
    body.menu-lateral-contraido footer {
        width: 71%;
    }

    body.menu-lateral-contraido cuerpocentrosinfrases,
    body.menu-lateral-contraido cuerpoparaindexochenta {
        width: 96%;
    }
}

@media (prefers-reduced-motion: reduce) {
    cuerpoizquierda,
    cuerpocentro,
    cuerpocentrosinfrases,
    cuerpoparaindexochenta,
    cuento,
    peliculas,
    libros,
    footer {
        transition: none;
    }
}


/* ================================================================
   DISEÑO CLARO · contenido público
   La base anterior conserva los menús y sus puntos de quiebre.
   Vincular estilos.css en lugar de estilo.css y usar
   pagina-principal/bloque-superior-claro.php para la nueva cabecera.
   ================================================================ */
:root {
    --cl-crema: #EFE7D8;
    --cl-papel: #FFFCF7;
    --cl-terracota: #C4734F;
    --cl-accion: #984B30; /* Variante de terracota con contraste para texto blanco. */
    --cl-verde: #4C7C38;
    --cl-verde-suave: #EAF0E4;
    --cl-texto: #53585E;
    --cl-titulo: #42474D;
    --cl-caoba: #662325;
    --cl-borde: #DCD2C2;
    --cl-fuente: Cambria, Georgia, serif;
    --cl-fuente-grafico: Cambria;
    --cl-grafico-mercado: #984B30;
    --cl-grafico-curva: #4C7C38;
    --cl-grafico-marca: #0064E6;
}
body { background: var(--cl-crema); }

/* Tres áreas de cabecera, independientes de los menús existentes. */
.cabecera-clara {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr);
    align-items: center;
    min-height: 116px;
    padding: 22px 32px;
    gap: 28px;
    background: var(--cl-papel);
    border-top: 4px solid var(--cl-terracota);
    border-bottom: 1px solid var(--cl-borde);
    color: var(--cl-texto);
    font: 14px/1.5 var(--cl-fuente);
}
.cabecera-clara * { box-sizing: border-box; }
.cabecera-clara p { margin: 0; }
.cabecera-clara a { color: var(--cl-caoba); text-decoration: none; }
.cabecera-clara a:hover { color: var(--cl-accion); text-decoration: underline; }
.cabecera-clara__cuenta { display: flex; align-items: center; gap: 14px; min-width: 0; }
.cabecera-clara__icono {
    display: grid; place-items: center; flex: 0 0 42px; height: 42px;
    border: 1px solid var(--cl-borde); border-radius: 50%; color: var(--cl-verde);
    background: var(--cl-verde-suave);
}
.cabecera-clara__icono svg { width: 22px; height: 22px; }
.cabecera-clara__usuario { display: block; font-weight: 650; overflow-wrap: anywhere; }
.cabecera-clara__enlaces { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 4px; }
.cabecera-clara__marca { text-align: center; }
.cabecera-clara__accesos { justify-self: end; min-width: 0; text-align: right; }
.cabecera-clara__enlaces a, .cabecera-clara__boton {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 40px; padding: 9px 14px; border: 1px solid #C9AD92; border-radius: 8px;
    background: linear-gradient(160deg, #FFF9EE, var(--cl-crema));
    box-shadow: 0 3px 0 #B98C6F, 0 5px 7px #66232512, inset 0 1px 0 #FFFFFF;
    font-weight: 600; line-height: 1.3; text-align: center;
    transition: transform .1s ease, box-shadow .1s ease, background .1s ease;
}
.cabecera-clara__enlaces a:hover, .cabecera-clara__boton:hover {
    background: linear-gradient(160deg, #FBEBDD, #E8CEB9); text-decoration: none !important;
}
.cabecera-clara__enlaces a:active, .cabecera-clara__boton:active {
    transform: translateY(3px); background: #E8D5C2;
    box-shadow: inset 0 2px 4px #66232530, 0 0 0 #B98C6F;
}
.cabecera-clara__accesos .cabecera-clara__enlaces { justify-content: flex-end; }
.cabecera-clara a:focus-visible,
cuerpocentro :is(a, button, input, select, textarea):focus-visible {
    outline: 3px solid var(--cl-verde); outline-offset: 4px;
}

/* Tipografía y lectura: reglas acotadas al cuerpo, sin herencia al menú. */
cuerpocentro {
    background: var(--cl-papel);
    border: 0;
    border-inline: 1px solid var(--cl-borde);
    padding: clamp(22px, 2.8vw, 52px);
    padding-top: clamp(11px, 1.4vw, 26px);
    min-height: 100vh;
    font: 16px/1.75 var(--cl-fuente);
    color: var(--cl-texto);
    overflow-wrap: break-word;
}
cuerpocentro :is(.cuerpo, .chico, .posibles, .dentrotabla, .datoscentrados, .respuestas) {
    font-family: var(--cl-fuente); color: var(--cl-texto);
    font-size: 1rem; line-height: 1.75; font-weight: 400; text-align: left;
}
cuerpocentro p { margin: 0 0 1.15em; }
cuerpocentro p.cuerpo { margin-bottom: .575em; }
cuerpocentro :is(h1, .titulodelcuerpo) {
    background: none; color: var(--cl-titulo); text-align: center;
    font: 600 clamp(30px, 3vw, 48px)/1.15 var(--cl-fuente);
    letter-spacing: -.045em; padding: 0; margin: 0 0 12px;
}
cuerpocentro :is(h2, .subtitulocuerpo, .segundotitulo) {
    color: var(--cl-caoba); font: 600 clamp(21px, 1.65vw, 27px)/1.35 var(--cl-fuente);
    letter-spacing: -.025em; text-decoration: none; text-align: center;
    background: none; padding: 0; margin: 1em 0 .8em;
}
cuerpocentro :is(h3, h3.cuerpo) { font: 600 18px/1.45 var(--cl-fuente); color: var(--cl-caoba); margin: 1.4em 0 .6em; }
cuerpocentro .principalesvinculos { font: 600 19px/1.5 var(--cl-fuente); color: var(--cl-caoba); }
cuerpocentro a[href]:not(#menuprincipal a):not(.claro-boton-enlace) { color: #0000EE; text-decoration: none; }
cuerpocentro a:not([href]) { color: inherit; text-decoration: none; }
cuerpocentro a[href]:not(#menuprincipal a):not(.claro-boton-enlace):is(:visited, :hover, :active) { color: #0000EE; text-decoration: none; }
cuerpocentro > :is(ul, ol), cuerpocentro.claro-pagina > :where(main) > :is(ul, ol) { margin: 1em 0 1.75em; padding-left: 24px; }
cuerpocentro > :is(ul, ol) > li, cuerpocentro.claro-pagina > :where(main) > :is(ul, ol) > li { margin-bottom: .55em; }
cuerpocentro li::marker { color: var(--cl-verde); }
cuerpocentro img { max-width: 100%; height: auto; }
cuerpocentro iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 12px; }
cuerpocentro .claro-intro { font-size: 18px; line-height: 1.7; }
cuerpocentro .claro-encabezado { padding-bottom: 11px; border-bottom: 0; margin-bottom: 14px; }
cuerpocentro .claro-encabezado p:last-child { margin-bottom: 0; }
cuerpocentro .claro-lista {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px; padding: 0; list-style: none; margin: 24px 0;
}
cuerpocentro .claro-lista li { border-bottom: 1px solid var(--cl-borde); padding: 13px 0; margin: 0; }
cuerpocentro .claro-lista h3 { font-size: 15px; line-height: 1.5; margin: 0; color: var(--cl-texto); font-weight: 500; }
cuerpocentro .claro-lista h3::before { content: "·"; color: var(--cl-terracota); margin-right: 9px; font-weight: 800; }

/* Paneles y tablas reutilizables, también para respuestas AJAX. */
cuerpocentro .claro-panel, cuerpocentro #contenedor_resultados {
    padding: clamp(16px, 2vw, 28px); border: 1px solid var(--cl-borde);
    border-radius: 14px; background: #FFFDF9; margin: 28px 0;
    box-shadow: 0 5px 20px #66232505;
}
cuerpocentro .claro-panel h2 { margin-top: 0; font-size: 23px; }
cuerpocentro .claro-ayuda { font: 400 13px/1.6 var(--cl-fuente); color: var(--cl-texto); }
cuerpocentro .claro-campos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 20px 0 24px; }
cuerpocentro .claro-campo { display: flex; flex-direction: column; gap: 7px; text-align: center; font: 600 13px/1.5 var(--cl-fuente); }
cuerpocentro :is(input:not([type="hidden"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), select, textarea) {
    box-sizing: border-box; max-width: 100%; min-height: 44px; padding: 9px 12px;
    border: 1px solid #B8AD9B; border-radius: 7px; background: var(--cl-papel);
    color: var(--cl-texto); font: 400 15px/1.4 var(--cl-fuente);
    box-shadow: inset 0 1px 2px #66232504; font-variant-numeric: tabular-nums;
}
cuerpocentro input[type="text"] { text-align: right; }
cuerpocentro :is(.calcular, button, input[type="submit"], input[type="reset"]) {
    min-height: 46px; padding: 12px 24px; border: 1px solid var(--cl-accion);
    border-radius: 8px; background: var(--cl-accion); color: #fff;
    font: 600 15px/1.4 var(--cl-fuente); cursor: pointer; box-shadow: none;
}
cuerpocentro :is(.calcular, button, input[type="submit"], input[type="reset"]):hover {
    background: var(--cl-caoba); border-color: var(--cl-caoba); transform: none;
}
cuerpocentro .claro-acciones { margin-top: 22px; display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
cuerpocentro .claro-acciones p { margin: 0; }
cuerpocentro .centraTabla { overflow-x: auto; max-width: 100%; border: 1px solid var(--cl-borde); border-radius: 9px; }
cuerpocentro table, cuerpocentro table.segundosvinculos { border: 0; border-collapse: separate; border-spacing: 0; width: 100%; font: 400 13px/1.5 var(--cl-fuente); color: var(--cl-texto); background: transparent; }
cuerpocentro :is(td, th) { border: 0; border-bottom: 1px solid var(--cl-borde); padding: 6px; height: auto; background: var(--cl-papel); }
cuerpocentro tr:last-child > :is(td, th) { border-bottom: 0; }
cuerpocentro tr:nth-child(even) > td { background: #F6F1E8; }
cuerpocentro table:not(.claro-precios) tr:not(.superiorparatabla):hover > td:not(.claro-tabla-titulo, .claro-tabla-cabecera, .claro-tabla-verde) { background: #FFF7B2 !important; }
cuerpocentro .claro-calculador table:not(.claro-precios) tr:not(.superiorparatabla):hover > td:not(.claro-tabla-titulo, .claro-tabla-cabecera, .claro-tabla-verde) { background: var(--cl-papel) !important; }
cuerpocentro .claro-calculador table:not(.claro-precios) tr:nth-child(even):not(.superiorparatabla):hover > td:not(.claro-tabla-titulo, .claro-tabla-cabecera, .claro-tabla-verde) { background: #F6F1E8 !important; }
cuerpocentro table :is(.chico, .dentrotabla, .segundosvinculos) { font: inherit; color: inherit; }
cuerpocentro table p { margin: 0; }
cuerpocentro table .marcaregistrada { font: 400 11px/1.5 var(--cl-fuente); color: inherit; vertical-align: baseline; }
cuerpocentro :is(th, .claro-tabla-titulo, .claro-tabla-cabecera, .superiorparatabla td) {
    background: var(--cl-crema) !important; color: var(--cl-caoba); font-weight: 650; font-size: 12px;
}
/* Encabezados estables: el hover amarillo se reserva para las filas de datos. */
cuerpocentro :is(.claro-tabla-titulo, .claro-tabla-cabecera, .superiorparatabla td) { background: #E4D9C7 !important; }
cuerpocentro .claro-tabla-verde { background: #D9EBCB !important; color: #365B27; font-weight: 650; }
cuerpocentro #contenedor_resultados table { min-width: 0; font-variant-numeric: tabular-nums; }
/* Mitad del espacio interno de las celdas de resultados, en PC y celular. */
cuerpocentro :is(#contenedor_resultados, .claro-resultados) .centraTabla > table :is(td, th) { padding: 6px; }
cuerpocentro #contenedor_resultados td:first-child .chico { color: var(--cl-verde); font-weight: 650; }
cuerpocentro #contenedor_resultados > .principalesvinculos { margin: 0 0 16px; }
cuerpocentro #contenedor_resultados { display: flow-root; }
cuerpocentro #contenedor_resultados cuerpoparaindexcincuenta { display: block; width: 100%; float: none; padding: 0; border: 0; background: none; margin: 24px 0 0; }
cuerpocentro .claro-precios td:first-child { color: var(--cl-verde); font-weight: 650; }
cuerpocentro .claro-precios input { width: 150px; }
cuerpocentro .claro-grafico { margin: 24px 0; padding: 12px 0; border-block: 1px solid var(--cl-borde); }
cuerpocentro #chart_div { width: 100%; height: 380px; }
cuerpocentro .spinner-container { display: none; text-align: center; margin: 30px auto; }
cuerpocentro .spinner { width: 36px; height: 36px; border: 4px solid var(--cl-crema); border-top-color: var(--cl-terracota); border-radius: 50%; animation: claro-girar 1s linear infinite; margin: 0 auto 12px; }
@keyframes claro-girar { to { transform: rotate(360deg); } }

/* Columna de apoyo: misma paleta, sin afectar la navegación izquierda. */
.publicidadderecha { background: #006666; border: 0; scrollbar-color: #D4AF37 #006666; }
.publicidadderecha cuerpoderecha { background: transparent; border-top: 1px solid var(--cl-borde); padding: 24px; }
.publicidadderecha .frases { color: #FFFFFF; font: italic 17px/1.7 var(--cl-fuente); }
.claro-centrado { text-align: center; margin: 20px 0; }
.claro-anuncio { display: inline-block; width: 300px; height: 250px; }
.claro-producto { width: 60%; max-width: 400px; height: auto; border-radius: 8px; }
.publicidadderecha .tablacambiacolor { background: var(--cl-papel); border: 1px solid var(--cl-borde); border-radius: 10px; padding: 14px; }
.publicidadderecha .tablacambiacolor td { background: transparent; }
.publicidadderecha .superiorparatabla { color: var(--cl-caoba); background: none; font: 600 17px/1.4 var(--cl-fuente); }
.publicidadderecha .inicio { color: var(--cl-accion); background: none; border: 0; box-shadow: none; font: 500 14px/1.5 var(--cl-fuente); padding: 0; }
cuerpocentro #menuprincipal { padding: 0; margin-bottom: 26px; font-family: var(--cl-fuente); }
/* Centrar cada fila de atajos, incluso cuando no se completan todas las columnas. */
cuerpocentro #menuprincipal #titulos { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; background: transparent; gap: 6px; padding: 0; }
cuerpocentro #menuprincipal #titulos > li { width: calc((100% - 12px) / 3); min-width: 0; box-sizing: border-box; border: 1px solid var(--cl-borde); border-radius: 6px; }
cuerpocentro #menuprincipal #titulos > li > span { font: 500 12px/1.5 var(--cl-fuente); color: var(--cl-texto); padding: 8px 10px; }
cuerpocentro #menuprincipal #titulos li:hover { background: var(--cl-crema); }
cuerpocentro #menuprincipal #titulos > li > ul { width: 230px; max-width: 75vw; border: 1px solid var(--cl-borde); border-radius: 6px; background: var(--cl-papel); padding: 8px; }
cuerpocentro #menuprincipal #titulos > li:nth-last-child(-n+2) > ul { left: auto; right: 0; }
cuerpocentro #menuprincipal #titulos a { color: var(--cl-texto); font: 400 13px/1.6 var(--cl-fuente); }
cuerpocentro .claro-precios th { text-align: center; }
@media (max-width: 1100px) {
    .cabecera-clara { padding: 18px; gap: 12px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr); }
    .cabecera-clara__icono { display: none; }
    cuerpocentro .claro-lista { grid-template-columns: 1fr; }
}
@media (max-width: 769px) {
    .cabecera-clara { grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr) minmax(0, 1fr); gap: 8px; padding: 14px 10px; min-height: 112px; }
    .cabecera-clara__enlaces { gap: 4px 8px; }
    .cabecera-clara__enlaces a, .cabecera-clara__boton { min-height: 24px; padding: 3.5px 8px; font-size: 11px; }
    cuerpocentro:has(.claro-complemento--cuento) .claro-encabezado > .titulodelcuerpo { padding-top: 15px; }
    .cabecera-clara__usuario { font-size: 12px; }
    cuerpocentro { padding: 14px 20px 28px; margin-top: 0; border: 0; }
    cuerpocentro .claro-intro { font-size: 17px; }
    cuerpocentro .claro-campos { grid-template-columns: 1fr; }
    cuerpocentro .claro-acciones input { width: 100%; }
    cuerpocentro .claro-panel, cuerpocentro #contenedor_resultados { padding: 16px; }
    cuerpocentro .claro-precios :is(td, th) { padding: 10px; }
    .publicidadderecha { height: auto; }
}
@media (min-width: 1600px) { cuerpocentro #menuprincipal #titulos > li { width: calc((100% - 30px) / 6); } }
@media (max-width: 360px) { cuerpocentro #menuprincipal #titulos > li { width: calc((100% - 6px) / 2); } }
@media (prefers-reduced-motion: reduce) {
    cuerpocentro .spinner { animation: none; }
    .cabecera-clara__enlaces a, .cabecera-clara__boton { transition: none; }
}

/* Calculador compacto: medidas independientes de las tablas de resultados. */
cuerpocentro #form1.claro-panel {
    box-sizing: border-box; width: 100%; max-width: 420px;
    padding: 16px; margin: 18px auto;
}
cuerpocentro #form1 h2 { margin: 0 0 12px; font-size: 21px; }
cuerpocentro #form1 .claro-campos {
    grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 12px;
}
cuerpocentro #form1 .claro-campo { gap: 4px; min-width: 0; font-size: 12px; }
cuerpocentro #form1 .claro-campos input {
    width: 100%; min-width: 0; min-height: 29px; padding: 2.5px 7px; font-size: 14px; text-align: center;
}
cuerpocentro #form1 .claro-precios { table-layout: fixed; }
cuerpocentro #form1 .claro-precios :is(td, th) { padding: 4px 8px; text-align: center; vertical-align: middle; }
cuerpocentro #form1 .claro-precios th { padding-block: 8px; }
cuerpocentro #form1 .claro-precios input {
    display: block; width: 120px; max-width: 100%; min-height: 28px;
    padding: 2px 8px; margin: 0 auto; font-size: 14px; text-align: center;
}
cuerpocentro #form1 .claro-acciones { margin-top: 12px; justify-content: center; }
cuerpocentro #form1 .calcular { width: auto; min-height: 38px; padding: 8px 24px; }
/* Los contenidos complementarios participan del flujo de la columna central. */
cuerpocentro .claro-complemento {
    display: block; box-sizing: border-box; width: 100%; margin: 28px 0 0;
    padding: 20px; background: #F6F1E8; border: 1px solid var(--cl-borde); border-radius: 12px;
}
cuerpocentro .claro-complemento h2 { margin: 0 0 16px; }
cuerpocentro .claro-complemento p:last-child { margin-bottom: 0; }
@media (max-width: 480px) {
    cuerpocentro #form1.claro-panel { padding: 12px; }
    cuerpocentro #form1 .claro-campos { grid-template-columns: 1fr; gap: 8px; }
    cuerpocentro #form1 .claro-campo { display: grid; grid-template-columns: 1fr minmax(0, 145px); align-items: center; gap: 8px; }
    cuerpocentro .claro-complemento { padding: 16px; }
}

/* Colores originales de los bloques complementarios. */
cuerpocentro .claro-complemento--cuento { background: #CCFFFF; border: 5px solid #4AA1A1; }
cuerpocentro .claro-complemento--peliculas { background: #DDF4FF; border: 5px solid #0000CC; }
cuerpocentro .claro-complemento--libros { background: #CBFF9A; border: 5px solid #009933; }
cuerpocentro .claro-complemento--pie { background: #FFFC9E; border: 5px solid #7A794B; }

/* Cambria también en enlaces y controles con estilos heredados. */
cuerpocentro :is(a, p, span, li, button, input, select, textarea),
.publicidadderecha, .publicidadderecha :is(p, a, h2, h3, span) { font-family: var(--cl-fuente); }
cuerpocentro .claro-complemento--cuento .cuerpo { color: #000000; }

cuerpocentro #menuprincipal #titulos > li {
    background: var(--cl-titulo); border-color: #353A40; box-shadow: 0 2px 0 #2D3238;
}
cuerpocentro #menuprincipal #titulos > li > :is(span, a) { color: #FFFFFF; }
cuerpocentro #menuprincipal #titulos > li:hover { background: #353A40; }
cuerpocentro #menuprincipal #titulos > li:active { box-shadow: inset 0 2px 4px #00000040; }

/* Contenido legible y borde a juego con el menú lateral. */
cuerpocentro { border: 5px solid #000; color: #111; }
cuerpocentro :is(.cuerpo, .chico, .posibles, .dentrotabla, .datoscentrados, .respuestas, .claro-intro, .claro-ayuda) { color: #111; }
cuerpocentro :is(table, table.segundosvinculos) { color: #111; }
cuerpocentro #form1 :is(td, input) { color: #111; font-weight: 700; }
cuerpocentro #contenedor_resultados td { color: #111; font-weight: 700; }
cuerpocentro #contenedor_resultados td .chico,
cuerpocentro #contenedor_resultados td:first-child .chico { color: #111; font-weight: 700; }

/* Enlaces de acción del calculador con relieve y pulsación. */
cuerpocentro .claro-botones-enlace {
    display: flex; justify-content: center; flex-wrap: wrap; gap: 14px;
    margin: 48px 0 12px;
}
cuerpocentro .claro-botones-enlace .claro-boton-enlace {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
    min-width: 220px; min-height: 43px; padding: 9px 18px;
    border: 1px solid var(--cl-enlace-sombra, #343A40); border-radius: 8px;
    background: var(--cl-enlace-fondo, #53585E); color: #FFF; font: 700 16px/1.25 var(--cl-fuente);
    text-align: center; text-decoration: none; cursor: pointer;
    box-shadow: 0 4px 0 var(--cl-enlace-sombra, #30343A), 0 6px 9px #00000024;
    transition: transform .1s ease, box-shadow .1s ease, background-color .1s ease;
}
cuerpocentro .claro-botones-enlace .claro-boton-enlace:hover {
    background: var(--cl-enlace-hover, #42474D); color: #FFF; text-decoration: none;
}
cuerpocentro .claro-botones-enlace .claro-boton-enlace:active {
    transform: translateY(4px) scale(.97);
    box-shadow: inset 0 2px 5px #00000055, 0 0 0 #30343A;
}
@media (max-width: 769px) { cuerpocentro { border: 5px solid #000; } }
@media (prefers-reduced-motion: reduce) {
    cuerpocentro .claro-botones-enlace .claro-boton-enlace { transition: none; }
}

/* Acciones reutilizables: colores de las muestras y relieve al presionar. */
cuerpocentro .claro-boton-enlace--responsabilidad {
    --cl-enlace-fondo: #0B3D2B; --cl-enlace-hover: #082F21; --cl-enlace-sombra: #052619;
}
cuerpocentro .claro-boton-enlace--volver {
    --cl-enlace-fondo: #984B30; --cl-enlace-hover: #7E3D26; --cl-enlace-sombra: #68311F;
}
cuerpocentro #form1 .calcular {
    background: #0555B0; color: #FFF; border-color: #03448D;
    box-shadow: 0 3px 0 #03356E, 0 5px 7px #00000020;
    transition: background-color .1s ease, transform .1s ease, box-shadow .1s ease;
}
cuerpocentro #form1 .calcular:hover { background: #03448D; color: #FFF; border-color: #03356E; }
cuerpocentro #form1 .calcular:active {
    background: #03356E; color: #FFF; transform: translateY(3px) scale(.97);
    box-shadow: inset 0 2px 4px #00000040;
}

/* Recomendaciones internas: estado normal, destacado y pulsación sin saltos de tamaño. */
.publicidadderecha .tablacambiacolor a.inicio {
    display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
    width: 100%; min-height: 40px; margin: 0; padding: 9px 12px;
    border: 1px solid #C5C9CC; border-radius: 7px;
    background: linear-gradient(180deg, #FFFFFF, #E8EBED); color: #343A40;
    font: 600 15px/1.35 var(--cl-fuente); text-align: center; text-decoration: none;
    box-shadow: 0 3px 0 #ADB4BA, 0 4px 6px #00000012;
    transition: background-color .12s ease, color .12s ease, transform .1s ease, box-shadow .1s ease;
}
.publicidadderecha .tablacambiacolor a.inicio:hover {
    background: var(--cl-titulo); color: #FFF; border-color: #353A40;
    box-shadow: 0 3px 0 #2D3238, 0 5px 8px #00000024;
}
.publicidadderecha .tablacambiacolor a.inicio:active {
    background: #0B3D2B; color: #FFF; border-color: #052619;
    transform: translateY(3px) scale(.98); box-shadow: inset 0 2px 5px #00000040;
}
.publicidadderecha .tablacambiacolor a.inicio:focus-visible {
    outline: 3px solid #0555B0; outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
    cuerpocentro #form1 .calcular, .publicidadderecha .tablacambiacolor a.inicio { transition: none; }
}

/* MARCA — VARIANTE A: Wordmark minimalista.
   CSS completo: reemplazar el bloque de la variante aplicada en estilos.css.
   No requiere modificar el HTML ni cargar fuentes o imágenes externas. */
.cabecera-clara__marca {
    min-width: 0;
    text-align: center;
}
.cabecera-clara .cabecera-clara__nombre {
    --marca-tinta: #006B63;
    --marca-filete: #D9A82B;
    --marca-fondo: transparent;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0;
    padding: 10px 12px 12px;
    border: 0;
    border-radius: 0;
    background: var(--marca-fondo);
    color: var(--marca-tinta);
    font: 700 clamp(22px, 2.1vw, 34px)/1.22 Cambria, Georgia, serif;
    font-variant-caps: normal;
    letter-spacing: -.015em;
    text-align: center;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    vertical-align: middle;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    transform: none;
    transition: none;
    
}
.cabecera-clara .cabecera-clara__nombre::before { content: none; }
.cabecera-clara .cabecera-clara__nombre::after { content: none; }
.cabecera-clara .cabecera-clara__nombre:hover,
.cabecera-clara .cabecera-clara__nombre:active {
    color: var(--marca-tinta);
    background: var(--marca-fondo);
    border-color: var(--marca-filete);
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    transform: none;
}
.cabecera-clara .cabecera-clara__nombre sup {
    position: relative;
    top: -.85em;
    vertical-align: baseline;
    margin-left: .22em;
    font: 400 clamp(8px, .36em, 12px)/0 Cambria, Georgia, serif;
    letter-spacing: 0;
    color: var(--marca-tinta);
    opacity: .7;
    white-space: nowrap;
}
.cabecera-clara .cabecera-clara__nombre:focus-visible {
    outline: 2px solid #006B63;
    outline-offset: 5px;
}
@media (max-width: 769px) {
    .cabecera-clara .cabecera-clara__nombre {
        font-size: clamp(16px, 3.6vw, 25px);
        padding: 8px 2px 9px;
        letter-spacing: 0;
    }
    .cabecera-clara .cabecera-clara__nombre::after { width: 42px; margin-top: 7px; }
}
/* Cuento y Películas a ras del borde de cuerpocentro y entre sí. */
cuerpocentro .claro-complemento:is(.claro-complemento--cuento, .claro-complemento--peliculas) {
    width: auto;
    margin-block: 0;
    margin-inline: calc(-1 * clamp(22px, 2.8vw, 52px));
    border-radius: 0;
}
/* Solo el último bloque compensa el espacio inferior de cuerpocentro. */
cuerpocentro .claro-complemento.claro-complemento--peliculas:last-child {
    margin-bottom: calc(-1 * clamp(22px, 2.8vw, 52px));
}
@media (max-width: 769px) {
    cuerpocentro .claro-complemento:is(.claro-complemento--cuento, .claro-complemento--peliculas) {
        margin-inline: -20px;
    }
    cuerpocentro .claro-complemento.claro-complemento--peliculas:last-child {
        margin-bottom: -28px;
    }
}
/* Páginas adaptadas al diseño de Estética y del calculador de LECAP. */
@media (min-width: 770px) {
    cuerpocentro.claro-pagina--ancha { width: 80%; }
    body.menu-lateral-contraido cuerpocentro.claro-pagina--ancha { width: 96%; }
}
cuerpocentro.claro-pagina table { font: 400 13px/1.5 var(--cl-fuente); }
cuerpocentro.claro-pagina table :is(.recomendaciones, .superiorparatabla, .principalesvinculos, h3) {
    font: inherit; color: inherit; background: none; margin: 0; padding: 0;
}
cuerpocentro.claro-pagina h2 .subtitulocuerpo { font: inherit; color: inherit; }
cuerpocentro.claro-pagina p.claro-enlace-destacado { font: 600 18px/1.45 var(--cl-fuente); margin: 1.4em 0 .6em; }
cuerpocentro.claro-pagina .claro-calculador {
    box-sizing: border-box; width: 100%; max-width: 420px;
    padding: 16px; margin: 18px auto;
    font: 400 14px/1.5 var(--cl-fuente); color: #111; text-align: center;
}
cuerpocentro.claro-pagina .claro-calculador h2 { margin: 0 0 12px; font-size: 21px; }
cuerpocentro.claro-pagina .claro-calculador .claro-precios { table-layout: fixed; }
cuerpocentro.claro-pagina .claro-calculador .claro-precios :is(td, th) {
    padding: 8px; text-align: center; vertical-align: middle; color: #111; font-weight: 700;
}
cuerpocentro.claro-pagina .claro-calculador .claro-precios input {
    display: block; width: 120px; max-width: 100%; min-height: 28px;
    padding: 2px 8px; margin: 0 auto; font-size: 14px; text-align: center; font-weight: 700;
}
cuerpocentro.claro-pagina .claro-calculador .claro-acciones { margin-top: 12px; justify-content: center; }
cuerpocentro.claro-pagina :is(.claro-calculador, .claro-encuesta) .calcular {
    width: auto; min-height: 38px; padding: 8px 24px;
    background: #0555B0; color: #FFF; border-color: #03448D;
    box-shadow: 0 3px 0 #03356E, 0 5px 7px #00000020;
    transition: background-color .1s ease, transform .1s ease, box-shadow .1s ease;
}
cuerpocentro.claro-pagina :is(.claro-calculador, .claro-encuesta) .calcular:hover {
    background: #03448D; color: #FFF; border-color: #03356E;
}
cuerpocentro.claro-pagina :is(.claro-calculador, .claro-encuesta) .calcular:active {
    background: #03356E; color: #FFF; transform: translateY(3px) scale(.97);
    box-shadow: inset 0 2px 4px #00000040;
}
cuerpocentro.claro-pagina .claro-resultados .centraTabla { margin-bottom: 20px; }
cuerpocentro.claro-pagina .claro-resultados .centraTabla:last-child { margin-bottom: 0; }
cuerpocentro.claro-pagina .claro-resultados td { color: #111; font-weight: 700; }
cuerpocentro.claro-pagina #form1.claro-encuesta {
    box-sizing: border-box; width: 100%; max-width: 680px; margin: 28px auto;
}
cuerpocentro.claro-pagina .claro-encuesta table { table-layout: fixed; }
cuerpocentro.claro-pagina .claro-encuesta :is(input[type="text"], select, textarea) {
    width: 100%; min-width: 0; text-align: left;
}
cuerpocentro.claro-pagina .claro-encuesta textarea { resize: vertical; }
cuerpocentro.claro-pagina .saltarpantalla {
    font: 600 21px/1.6 var(--cl-fuente); color: #111; background: none;
}
@media (max-width: 769px) {
    cuerpocentro.claro-pagina--ancha { width: 100%; }
}
@media (max-width: 480px) {
    cuerpocentro.claro-pagina .claro-calculador { padding: 12px; }
    cuerpocentro.claro-pagina .claro-calculador .claro-precios td { padding: 6px; overflow-wrap: anywhere; }
    cuerpocentro.claro-pagina #form1.claro-encuesta { padding: 12px; }
    cuerpocentro.claro-pagina .claro-encuesta :is(table, tbody, tr, td) { display: block; width: 100%; box-sizing: border-box; }
    cuerpocentro.claro-pagina .claro-encuesta tr:not(:first-child):not(:last-child) td:first-child { border-bottom: 0; padding-bottom: 4px; }
}
@media (prefers-reduced-motion: reduce) {
    cuerpocentro.claro-pagina :is(.claro-calculador, .claro-encuesta) .calcular { transition: none; }
}


/* Gráficos claros: leyenda interactiva, marca y acciones de exportación. */
cuerpocentro .claro-grafico-cabecera {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
}
cuerpocentro .claro-grafico-marca {
    color: var(--cl-grafico-marca); font: 700 18px/1.3 var(--cl-fuente);
}
cuerpocentro .claro-grafico-acciones { display: flex; flex-wrap: wrap; gap: 8px; }
cuerpocentro .claro-grafico-acciones button {
    min-height: 36px; padding: 7px 12px; border: 1px solid var(--cl-borde); border-radius: 6px;
    background: var(--cl-crema); color: #111; font: 700 13px/1.4 var(--cl-fuente);
}
cuerpocentro .claro-grafico-acciones button:hover { background: #E4D9C7; border-color: #B8AD9B; }
cuerpocentro .claro-grafico-acciones button:disabled { opacity: .5; cursor: default; }
cuerpocentro .claro-grafico-leyenda {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 16px;
}
cuerpocentro .claro-grafico-leyenda button {
    min-height: 34px; padding: 5px 8px; border: 1px solid transparent; border-radius: 6px;
    background: transparent; color: #111; box-shadow: none; font: 700 13px/1.4 var(--cl-fuente);
}
cuerpocentro .claro-grafico-leyenda button::before {
    content: ''; display: inline-block; width: 9px; height: 9px; margin-right: 7px; border-radius: 50%;
}
cuerpocentro .claro-grafico-leyenda [data-lecap-serie="mercado"]::before { background: var(--cl-grafico-mercado); }
cuerpocentro .claro-grafico-leyenda [data-lecap-serie="curva"]::before { background: var(--cl-grafico-curva); }
cuerpocentro .claro-grafico-leyenda button:hover { background: var(--cl-crema); border-color: var(--cl-borde); }
cuerpocentro .claro-grafico-leyenda button[aria-pressed="false"] { color: #53585E; text-decoration: line-through; }
cuerpocentro .claro-grafico-leyenda button[aria-pressed="false"]::before { opacity: .3; }
cuerpocentro .claro-grafico-estado { margin: 8px 0 0; color: #111; font-size: 12px; text-align: center; }
cuerpocentro .claro-grafico-estado:empty { display: none; }
cuerpocentro .claro-grafico-vacio { padding: 40px 12px; color: #111; text-align: center; }
.claro-impresion-grafico { position: fixed; inset: 0 auto auto 0; width: 1px; height: 1px; border: 0; opacity: 0; pointer-events: none; }
body.claro-pagina-impresion { margin: 0; padding: 0; width: 100%; min-height: 0; background: #FFF; }
.claro-pagina-impresion .claro-imagen-impresion { display: block; width: 100%; max-width: 100%; height: auto; }
@media print {
    @page lecap-grafico { size: letter portrait; margin: 12mm; }
    .claro-pagina-impresion {
        page: lecap-grafico;
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
    }
    /* Escalar por ancho y altura, sin estirar el gráfico del celular. */
    .claro-pagina-impresion .claro-imagen-impresion {
        width: auto; height: auto; max-width: 100%; max-height: 220mm;
        margin: 0 auto; object-fit: contain;
        break-inside: avoid; page-break-inside: avoid;
    }
}

/* Área del gráfico visible y con altura propia también en pantallas pequeñas. */
cuerpocentro .claro-grafico #chart_div:not([hidden]) {
    display: block; min-width: 0; min-height: 320px;
}
@media (max-width: 769px) {
    cuerpocentro .claro-grafico #chart_div { height: 340px; }
}


/* Adaptación visual de Deudas y Desarrollo Sustentable. */

cuerpocentro.claro-pagina--reciclaje .eco-root, cuerpocentro.claro-pagina--reciclaje .eco-root * {
        font-family: 'Cambria', Georgia, serif !important;
    }
cuerpocentro.claro-pagina--reciclaje .eco-map-container {
        font-family: 'Cambria', Georgia, serif !important;
    }
cuerpocentro.claro-pagina--reciclaje .eco-scroll::-webkit-scrollbar {
        width: 6px;
    }
cuerpocentro.claro-pagina--reciclaje .eco-scroll::-webkit-scrollbar-track {
        background: #f1f5f9;
    }
cuerpocentro.claro-pagina--reciclaje .eco-scroll::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 4px;
    }
cuerpocentro.claro-pagina--reciclaje .eco-scroll::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }
cuerpocentro.claro-pagina--reciclaje #panel-mapa {
        align-items: stretch;
    }

    @media (min-width: 1280px) {
cuerpocentro.claro-pagina--reciclaje #panel-mapa {
            height: 760px;
            min-height: 760px;
        }
cuerpocentro.claro-pagina--reciclaje #panel-mapa .eco-sidebar-panel {
            height: 760px;
            max-height: 760px;
            overflow-y: auto;
        }
cuerpocentro.claro-pagina--reciclaje #panel-mapa .eco-map-panel {
            height: 760px;
            min-height: 760px;
        }
cuerpocentro.claro-pagina--reciclaje #map {
            height: 760px !important;
            min-height: 760px !important;
        }
    }

    @media (max-width: 1279px) {
cuerpocentro.claro-pagina--reciclaje #panel-mapa .eco-map-panel {
            height: 420px;
            min-height: 420px;
        }
cuerpocentro.claro-pagina--reciclaje #map {
            height: 420px !important;
            min-height: 420px !important;
        }
    }
cuerpocentro.claro-pagina--reciclaje .eco-card-active {
        border-color: #10b981 !important;
        box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.20), 0 10px 18px rgba(15, 23, 42, 0.08);
    }
cuerpocentro.claro-pagina--reciclaje .eco-detail-line {
        display: grid;
        grid-template-columns: 92px 1fr;
        gap: 8px;
        align-items: start;
    }

    @media (max-width: 640px) {
cuerpocentro.claro-pagina--reciclaje .eco-detail-line {
            grid-template-columns: 1fr;
            gap: 2px;
        }
    }


cuerpocentro.claro-pagina--energia {
        color-scheme: light;
        --eco-bg: var(--cl-papel);
        --eco-card: var(--cl-papel);
        --eco-card-solid: var(--cl-crema);
        --eco-border: var(--cl-borde);
        --eco-text: #111111;
        --eco-muted: var(--cl-texto);
        --eco-muted-2: var(--cl-texto);
        --eco-white: var(--cl-caoba);
        --eco-green: var(--cl-verde);
        --eco-blue: #0555B0;
        --eco-amber: var(--cl-terracota);
        --eco-red: #ef4444;
        --eco-yellow: #915300;
    }
cuerpocentro.claro-pagina--energia #eco-app-viewport {
        width: 100%;
        max-width: 1152px;
        margin: 0 auto;
        padding: 1rem;
        color: var(--eco-text);
        background: var(--eco-bg);
        border: 1px solid var(--cl-borde);
        border-radius: 1.5rem;
        box-shadow: 0 5px 20px #66232505;
        box-sizing: border-box;
        font-family: var(--cl-fuente);
    }
cuerpocentro.claro-pagina--energia #eco-app-viewport *, cuerpocentro.claro-pagina--energia #eco-app-viewport *::before, cuerpocentro.claro-pagina--energia #eco-app-viewport *::after {
        box-sizing: border-box;
    }
cuerpocentro.claro-pagina--energia .eco-header {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: space-between;
        border-bottom: 1px solid var(--cl-borde);
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
cuerpocentro.claro-pagina--energia .eco-title {
        margin: 0;
        color: var(--eco-white);
        font-weight: 800;
        font-size: clamp(1.45rem, 4vw, 2rem);
        line-height: 1.15;
        letter-spacing: -0.03em;
    }
cuerpocentro.claro-pagina--energia .eco-subtitle {
        margin: 0.4rem 0 0;
        color: var(--eco-muted);
        font-size: 0.9rem;
        line-height: 1.5;
    }
cuerpocentro.claro-pagina--energia .eco-status-pill {
        display: inline-flex;
        align-items: center;
        gap: 0.75rem;
        width: max-content;
        max-width: 100%;
        padding: 0.65rem 1rem;
        border-radius: 999px;
        background: var(--cl-crema);
        border: 1px solid var(--cl-borde);
        color: var(--eco-muted);
    }
cuerpocentro.claro-pagina--energia .eco-status-text {
        color: var(--eco-green);
        font-weight: 700;
        font-size: 0.85rem;
        white-space: nowrap;
    }
cuerpocentro.claro-pagina--energia .eco-status-time {
        color: var(--eco-muted-2);
        font-size: 0.78rem;
        white-space: nowrap;
    }
cuerpocentro.claro-pagina--energia .eco-live-dot {
        width: 0.75rem;
        height: 0.75rem;
        flex: 0 0 auto;
        border-radius: 999px;
        background: var(--eco-green);
        animation: eco-pulse-dot 2s infinite;
    }

    @keyframes eco-pulse-dot {
        0% { transform: scale(0.85); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.65); }
        70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
        100% { transform: scale(0.85); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
    }
cuerpocentro.claro-pagina--energia .eco-main-dashboard {
        display: block;
    }
cuerpocentro.claro-pagina--energia .eco-alert {
        display: none;
        margin: 1rem 0;
        padding: 1rem;
        border-radius: 1rem;
        background: rgba(250, 204, 21, 0.08);
        border: 1px solid rgba(250, 204, 21, 0.35);
        color: #674d00;
        font-size: 0.9rem;
        line-height: 1.5;
    }
cuerpocentro.claro-pagina--energia .eco-error-boundary {
        display: none;
        margin: 2rem 0;
        padding: 2rem;
        border-radius: 1.25rem;
        background: var(--cl-crema);
        border: 1px solid rgba(239, 68, 68, 0.35);
        text-align: center;
    }
cuerpocentro.claro-pagina--energia .eco-error-boundary svg {
        width: 3rem;
        height: 3rem;
        color: #f87171;
        margin: 0 auto 1rem;
    }
cuerpocentro.claro-pagina--energia .eco-error-title {
        margin: 0;
        color: var(--eco-text);
        font-weight: 700;
        font-size: 1.05rem;
    }
cuerpocentro.claro-pagina--energia .eco-error-text {
        margin: 0.5rem 0 0;
        color: var(--eco-muted);
        font-size: 0.9rem;
    }
cuerpocentro.claro-pagina--energia .eco-kpi-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-bottom: 1.5rem;
    }
cuerpocentro.claro-pagina--energia .eco-card {
        position: relative;
        overflow: hidden;
        padding: 1.25rem;
        border-radius: 1.25rem;
        background: var(--eco-card);
        border: 1px solid var(--eco-border);
        backdrop-filter: blur(10px);
        min-height: 150px;
    }
cuerpocentro.claro-pagina--energia .eco-card-icon {
        position: absolute;
        top: 0.8rem;
        right: 0.8rem;
        opacity: 0.08;
    }
cuerpocentro.claro-pagina--energia .eco-card-icon svg {
        width: 4rem;
        height: 4rem;
    }
cuerpocentro.claro-pagina--energia .eco-kpi-label {
        margin: 0;
        color: var(--eco-muted);
        font-size: 0.75rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }
cuerpocentro.claro-pagina--energia .eco-kpi-value-wrap {
        display: flex;
        align-items: baseline;
        gap: 0.35rem;
        margin-top: 0.6rem;
    }
cuerpocentro.claro-pagina--energia .eco-kpi-value {
        font-size: clamp(2rem, 7vw, 2.75rem);
        line-height: 1;
        font-weight: 850;
    }
cuerpocentro.claro-pagina--energia .eco-kpi-unit {
        color: var(--eco-muted);
        font-size: 0.95rem;
        font-weight: 700;
    }
cuerpocentro.claro-pagina--energia .eco-kpi-help {
        margin: 0.7rem 0 0;
        color: var(--eco-muted-2);
        font-size: 0.72rem;
        line-height: 1.45;
    }
cuerpocentro.claro-pagina--energia .eco-green { color: var(--eco-green); }
cuerpocentro.claro-pagina--energia .eco-blue { color: var(--eco-blue); }
cuerpocentro.claro-pagina--energia .eco-amber { color: var(--eco-amber); }
cuerpocentro.claro-pagina--energia .eco-chart-card {
        padding: 1rem;
        border-radius: 1.25rem;
        background: var(--eco-card);
        border: 1px solid var(--eco-border);
        backdrop-filter: blur(10px);
        box-shadow: 0 5px 20px #66232505;
    }
cuerpocentro.claro-pagina--energia .eco-chart-header {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1.25rem;
    }
cuerpocentro.claro-pagina--energia .eco-chart-heading {
        min-width: 0;
    }
cuerpocentro.claro-pagina--energia .eco-chart-title {
        margin: 0;
        color: var(--eco-white);
        font-size: 1rem;
        font-weight: 750;
    }
cuerpocentro.claro-pagina--energia .eco-chart-subtitle {
        margin: 0.35rem 0 0;
        color: var(--eco-muted-2);
        font-size: 0.78rem;
        line-height: 1.4;
    }
cuerpocentro.claro-pagina--energia .eco-chart-actions {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        width: 100%;
    }
cuerpocentro.claro-pagina--energia .eco-period-label {
        color: var(--eco-muted);
        font-size: 0.75rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }
cuerpocentro.claro-pagina--energia .eco-period-select {
        width: 100%;
        min-height: 2.35rem;
        border-radius: 0.85rem;
        border: 1px solid rgba(148, 163, 184, 0.32);
        background: var(--cl-papel);
        color: var(--eco-text);
        padding: 0.55rem 0.8rem;
        font: inherit;
        outline: none;
    }
cuerpocentro.claro-pagina--energia .eco-period-select:focus {
        border-color: rgba(16, 185, 129, 0.72);
        box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12);
    }
cuerpocentro.claro-pagina--energia .eco-legend {
        display: flex;
        flex-wrap: wrap;
        gap: 0.8rem 1rem;
        color: var(--eco-text);
        font-size: 0.78rem;
        margin-bottom: 1rem;
    }
cuerpocentro.claro-pagina--energia .eco-legend-item {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        white-space: nowrap;
    }
cuerpocentro.claro-pagina--energia .eco-dot, cuerpocentro.claro-pagina--energia .eco-line {
        display: inline-block;
        flex: 0 0 auto;
    }
cuerpocentro.claro-pagina--energia .eco-dot {
        width: 0.65rem;
        height: 0.65rem;
        border-radius: 999px;
    }
cuerpocentro.claro-pagina--energia .eco-line {
        width: 1.5rem;
        border-top: 2px dashed var(--eco-white);
    }
cuerpocentro.claro-pagina--energia .eco-chart-wrap {
        position: relative;
        width: 100%;
        height: 280px;
    }
cuerpocentro.claro-pagina--energia .eco-info-block {
        margin-top: 1.5rem;
        padding: 1rem;
        border-radius: 1.25rem;
        background: var(--cl-crema);
        border: 1px solid var(--eco-border);
        color: var(--eco-muted);
        font-size: 0.9rem;
        line-height: 1.65;
    }
cuerpocentro.claro-pagina--energia .eco-info-block h2 {
        margin: 0 0 0.75rem;
        color: var(--eco-white);
        font-size: 1.05rem;
    }
cuerpocentro.claro-pagina--energia .eco-info-block p {
        margin: 0.6rem 0 0;
    }
cuerpocentro.claro-pagina--energia .eco-info-block strong {
        color: var(--eco-text);
    }

    @media (min-width: 768px) {
cuerpocentro.claro-pagina--energia #eco-app-viewport {
            padding: 1.5rem;
            border-radius: 1.75rem;
        }
cuerpocentro.claro-pagina--energia .eco-header {
            flex-direction: row;
            align-items: center;
        }
cuerpocentro.claro-pagina--energia .eco-kpi-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1.25rem;
        }
cuerpocentro.claro-pagina--energia .eco-chart-card {
            padding: 1.5rem;
        }
cuerpocentro.claro-pagina--energia .eco-chart-header {
            flex-direction: row;
            align-items: flex-start;
        }
cuerpocentro.claro-pagina--energia .eco-chart-actions {
            width: 180px;
            flex: 0 0 180px;
        }
cuerpocentro.claro-pagina--energia .eco-chart-wrap {
            height: 360px;
        }
    }


cuerpocentro.claro-pagina--informe .bcra-app, cuerpocentro.claro-pagina--informe .bcra-app * { box-sizing: border-box; }
cuerpocentro.claro-pagina--informe .bcra-app {
    font-family: Cambria, Georgia, "Times New Roman", serif;
    color: #1f2933;
    background: var(--cl-papel);
    border: 1px solid var(--cl-borde);
    border-radius: 10px;
    padding: 18px;
    margin: 0 0 24px;
}
cuerpocentro.claro-pagina--informe .bcra-hero { background: var(--cl-crema); color: #fff; border-radius: 10px; padding: 22px; margin-bottom: 16px; }
cuerpocentro.claro-pagina--informe .bcra-hero h2 { color: #fff; font-size: 25px; line-height: 1.2; margin: 0 0 8px; }
cuerpocentro.claro-pagina--informe .bcra-hero p { margin: 0; line-height: 1.5; max-width: 850px; }
cuerpocentro.claro-pagina--informe .bcra-trust-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
cuerpocentro.claro-pagina--informe .bcra-trust-row span { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25); border-radius: 999px; font-size: 13px; padding: 6px 10px; }
cuerpocentro.claro-pagina--informe .bcra-search { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; background: #fff; border: 1px solid var(--cl-borde); border-radius: 9px; padding: 15px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(13,49,49,.08); }
cuerpocentro.claro-pagina--informe .bcra-field { flex: 1 1 280px; min-width: 220px; }
cuerpocentro.claro-pagina--informe .bcra-field label { display: block; font-weight: bold; margin-bottom: 6px; }
cuerpocentro.claro-pagina--informe .bcra-field input { width: 100%; border: 1px solid #91adad; border-radius: 7px; font-size: 18px; padding: 11px 12px; background: var(--cl-papel); color: #122; }
cuerpocentro.claro-pagina--informe .bcra-field input:focus { border-color: var(--cl-verde); outline: 3px solid rgba(0,107,107,.15); }
cuerpocentro.claro-pagina--informe .bcra-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
cuerpocentro.claro-pagina--informe .bcra-button, cuerpocentro.claro-pagina--informe .bcra-print-button, cuerpocentro.claro-pagina--informe .bcra-secondary-button { border: 0; border-radius: 7px; cursor: pointer; font-weight: bold; font-size: 16px; min-height: 45px; padding: 11px 18px; }
cuerpocentro.claro-pagina--informe .bcra-button { background: var(--cl-verde); color: #fff; }
cuerpocentro.claro-pagina--informe .bcra-button:hover, cuerpocentro.claro-pagina--informe .bcra-button:focus { background: #005353; }
cuerpocentro.claro-pagina--informe .bcra-button:disabled { background: #8aa5a5; cursor: wait; }
cuerpocentro.claro-pagina--informe .bcra-help { flex-basis: 100%; color: #52636b; font-size: 14px; margin: 2px 0 0; }
cuerpocentro.claro-pagina--informe .bcra-privacy-note { display: flex; align-items: flex-start; gap: 8px; color: #41565e; font-size: 13px; line-height: 1.4; margin: 0 0 14px; }
cuerpocentro.claro-pagina--informe .bcra-loading { min-height: 130px; display: grid; place-items: center; background: #fff; border: 1px dashed #aac1c1; border-radius: 8px; text-align: center; padding: 20px; }
cuerpocentro.claro-pagina--informe .bcra-spinner { width: 38px; height: 38px; border: 4px solid var(--cl-borde); border-top-color: var(--cl-verde); border-radius: 50%; animation: bcra-spin .8s linear infinite; margin: 0 auto 10px; }
@keyframes bcra-spin { to { transform: rotate(360deg); } }
cuerpocentro.claro-pagina--informe .bcra-alert { border-radius: 7px; padding: 11px 13px; margin: 12px 0; line-height: 1.4; }
cuerpocentro.claro-pagina--informe .bcra-alert-line { display: block; margin-top: 4px; }
cuerpocentro.claro-pagina--informe .bcra-alert-error { background: #fff1f1; border: 1px solid #e5a0a0; color: #8a1f1f; }
cuerpocentro.claro-pagina--informe .bcra-alert-warning { background: #fff8e6; border: 1px solid #e5c16a; color: #674d00; }
cuerpocentro.claro-pagina--informe .bcra-print-actions { display: flex; justify-content: flex-end; gap: 9px; margin: 18px 0 10px; }
cuerpocentro.claro-pagina--informe .bcra-print-button { background: #e65f00; color: #fff; box-shadow: 0 2px 6px rgba(153,63,10,.25); }
cuerpocentro.claro-pagina--informe .bcra-print-button:hover, cuerpocentro.claro-pagina--informe .bcra-print-button:focus { background: #c84e00; }
cuerpocentro.claro-pagina--informe .bcra-secondary-button { background: #e8f0f0; color: #164343; border: 1px solid #b9cccc; }
cuerpocentro.claro-pagina--informe .bcra-report-cover { display: flex; justify-content: space-between; gap: 18px; align-items: center; background: var(--cl-crema); color: #fff; border-radius: 10px; padding: 18px; margin-bottom: 16px; }
cuerpocentro.claro-pagina--informe .bcra-report-cover h2 { color: #fff; font-size: 26px; line-height: 1.15; margin: 2px 0 6px; overflow-wrap: anywhere; }
cuerpocentro.claro-pagina--informe .bcra-report-cover p { margin: 0; }
cuerpocentro.claro-pagina--informe .bcra-report-kicker { font-size: 13px; letter-spacing: .04em; text-transform: uppercase; opacity: .85; }
cuerpocentro.claro-pagina--informe .bcra-report-source { flex: 0 0 auto; text-align: right; font-size: 13px; line-height: 1.45; background: rgba(255,255,255,.12); border-radius: 7px; padding: 9px 11px; }
cuerpocentro.claro-pagina--informe .bcra-section { border-top: 4px solid var(--cl-verde); background: #fff; border-radius: 9px; box-shadow: 0 2px 7px rgba(13,49,49,.1); margin: 18px 0; overflow: hidden; }
cuerpocentro.claro-pagina--informe .bcra-section--unavailable { display: none !important; }
cuerpocentro.claro-pagina--informe .bcra-section-header { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 14px 15px; border-bottom: 1px solid var(--cl-borde); background: var(--cl-crema); }
cuerpocentro.claro-pagina--informe .bcra-section-header h3 { margin: 0; color: var(--cl-caoba); font-size: 22px; line-height: 1.2; }
cuerpocentro.claro-pagina--informe .bcra-section-
.bcra-evaluation { border-radius: 999px; color: #fff; display: inline-block; font-size: 13px; font-weight: bold; padding: 8px 11px; text-align: center; }
cuerpocentro.claro-pagina--informe .bcra-evaluation--normal { background: #167a46; }
cuerpocentro.claro-pagina--informe .bcra-evaluation--atencion { background: #b46700; }
cuerpocentro.claro-pagina--informe .bcra-evaluation--critico { background: #a32323; }
cuerpocentro.claro-pagina--informe .bcra-evaluation--neutral { background: #52636b; }
cuerpocentro.claro-pagina--informe .bcra-analysis-lead { font-size: 17px; line-height: 1.5; margin: 0 0 14px; }
cuerpocentro.claro-pagina--informe .bcra-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 10px; margin: 12px 0 16px; }
cuerpocentro.claro-pagina--informe .bcra-summary-grid--primary { grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); }
cuerpocentro.claro-pagina--informe .bcra-summary-item { background: #fff; border: 1px solid var(--cl-borde); border-radius: 8px; padding: 11px; min-height: 72px; }
cuerpocentro.claro-pagina--informe .bcra-summary-item--featured { background: var(--cl-verde-suave); border-color: #8fc6bd; }
cuerpocentro.claro-pagina--informe .bcra-summary-item span { display: block; color: #5d6f78; font-size: 13px; margin-bottom: 5px; }
cuerpocentro.claro-pagina--informe .bcra-summary-item strong { display: block; color: #15292f; font-size: 18px; line-height: 1.2; overflow-wrap: anywhere; }
cuerpocentro.claro-pagina--informe .bcra-summary-item--featured strong { font-size: 22px; color: #075d55; }
cuerpocentro.claro-pagina--informe .bcra-summary-item small { display: block; color: #63757c; font-size: 12px; margin-top: 5px; }
cuerpocentro.claro-pagina--informe .bcra-findings { background: var(--cl-crema); border-left: 4px solid #4568a5; border-radius: 7px; padding: 13px 15px; }
cuerpocentro.claro-pagina--informe .bcra-findings h4 { margin: 0 0 7px; color: #213f68; font-size: 17px; }
cuerpocentro.claro-pagina--informe .bcra-findings ul { margin: 0 0 0 20px; padding: 0; }
cuerpocentro.claro-pagina--informe .bcra-findings li { margin: 6px 0; line-height: 1.4; }
cuerpocentro.claro-pagina--informe .bcra-disclaimer { color: #52636b; font-size: 13px; line-height: 1.45; margin: 12px 0 0; }
cuerpocentro.claro-pagina--informe .bcra-source { border-radius: 999px; color: #fff; display: inline-block; font-size: 12px; font-weight: bold; padding: 7px 9px; white-space: nowrap; }
cuerpocentro.claro-pagina--informe .bcra-source--actualizado { background: #167a46; }
cuerpocentro.claro-pagina--informe .bcra-source--cache { background: #4568a5; }
cuerpocentro.claro-pagina--informe .bcra-source--respaldo { background: #a16005; }
cuerpocentro.claro-pagina--informe .bcra-source--error { background: #9d2323; }
cuerpocentro.claro-pagina--informe .bcra-chart-layout { display: grid; grid-template-columns: minmax(230px, 330px) 1fr; gap: 20px; align-items: center; margin: 8px 0 18px; }
cuerpocentro.claro-pagina--informe .bcra-donut { width: min(100%, 300px); aspect-ratio: 1; display: grid; place-items: center; position: relative; margin: 0 auto; }
cuerpocentro.claro-pagina--informe .bcra-donut-svg { display: block; width: 100%; height: auto; }
cuerpocentro.claro-pagina--informe .bcra-donut-track { fill: none; stroke: var(--cl-borde); stroke-width: 42; }
cuerpocentro.claro-pagina--informe .bcra-donut-slice { cursor: pointer; transition: opacity .18s ease, stroke-width .18s ease; }
cuerpocentro.claro-pagina--informe .bcra-donut-slice.is-muted { opacity: .25; }
cuerpocentro.claro-pagina--informe .bcra-donut-slice.is-active { stroke-width: 48; }
cuerpocentro.claro-pagina--informe .bcra-donut-slice:focus-visible { outline: 3px solid #152f4f; outline-offset: 2px; }
cuerpocentro.claro-pagina--informe .bcra-donut-center { position: absolute; width: 51%; aspect-ratio: 1; border-radius: 50%; background: #fff; display: grid; place-items: center; text-align: center; box-shadow: 0 1px 8px rgba(0,0,0,.12); padding: 9px; pointer-events: none; }
cuerpocentro.claro-pagina--informe .bcra-donut-center span { color: #64747a; display: block; font-size: 12px; line-height: 1.15; overflow-wrap: anywhere; }
cuerpocentro.claro-pagina--informe .bcra-donut-center strong { color: var(--cl-caoba); display: block; font-size: 16px; line-height: 1.15; overflow-wrap: anywhere; }
cuerpocentro.claro-pagina--informe .bcra-donut-center small { color: #52636b; display: block; margin-top: 2px; }
cuerpocentro.claro-pagina--informe .bcra-donut-focus { display: none; }
cuerpocentro.claro-pagina--informe .bcra-donut-center.is-focused .bcra-donut-default { display: none; }
cuerpocentro.claro-pagina--informe .bcra-donut-center.is-focused .bcra-donut-focus { display: block; }
cuerpocentro.claro-pagina--informe .bcra-legend { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 7px 12px; }
cuerpocentro.claro-pagina--informe .bcra-legend-row { display: flex; align-items: flex-start; gap: 9px; width: 100%; border: 1px solid #dce6e6; border-radius: 7px; padding: 8px; background: #fff; color: inherit; text-align: left; font: inherit; cursor: pointer; }
cuerpocentro.claro-pagina--informe .bcra-legend-row:hover, cuerpocentro.claro-pagina--informe .bcra-legend-row:focus-visible, cuerpocentro.claro-pagina--informe .bcra-legend-row.is-active { background: var(--cl-verde-suave); border-color: #75b6ad; outline: none; }
cuerpocentro.claro-pagina--informe .bcra-legend-row.is-muted { opacity: .5; }
cuerpocentro.claro-pagina--informe .bcra-legend-color { width: 16px; height: 16px; flex: 0 0 16px; margin-top: 2px; }
cuerpocentro.claro-pagina--informe .bcra-legend-row strong, cuerpocentro.claro-pagina--informe .bcra-legend-row small { display: block; }
cuerpocentro.claro-pagina--informe .bcra-legend-row strong { font-size: 14px; line-height: 1.25; }
cuerpocentro.claro-pagina--informe .bcra-legend-row small { color: #5e6e74; margin-top: 2px; }
cuerpocentro.claro-pagina--informe .bcra-chart-instruction { grid-column: 1 / -1; color: #52636b; font-size: 13px; margin: 2px 0; }
cuerpocentro.claro-pagina--informe .bcra-sparkline-wrap { border: 1px solid var(--cl-borde); border-radius: 8px; background: var(--cl-papel); padding: 8px; margin: 8px 0 16px; }
cuerpocentro.claro-pagina--informe .bcra-sparkline { display: block; width: 100%; height: auto; min-height: 215px; }
cuerpocentro.claro-pagina--informe .bcra-chart-grid { stroke: var(--cl-borde); stroke-width: 1; }
cuerpocentro.claro-pagina--informe .bcra-chart-area { fill: var(--cl-verde-suave); }
cuerpocentro.claro-pagina--informe .bcra-chart-line { fill: none; stroke: var(--cl-verde); stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
cuerpocentro.claro-pagina--informe .bcra-chart-label { fill: #52636b; font-size: 13px; }
cuerpocentro.claro-pagina--informe .bcra-chart-value { fill: var(--cl-caoba); font-size: 14px; font-weight: bold; }
cuerpocentro.claro-pagina--informe .bcra-chart-point { fill: var(--cl-verde); stroke: #fff; stroke-width: 2; pointer-events: none; }
cuerpocentro.claro-pagina--informe .bcra-chart-point--atencion { fill: #b46700; }
cuerpocentro.claro-pagina--informe .bcra-chart-point--critico { fill: #a32323; }
cuerpocentro.claro-pagina--informe .bcra-chart-point--neutral { fill: #52636b; }
cuerpocentro.claro-pagina--informe .bcra-chart-point.is-active { stroke: #132f37; stroke-width: 4; }
cuerpocentro.claro-pagina--informe .bcra-chart-hit { fill: transparent; cursor: pointer; }
cuerpocentro.claro-pagina--informe .bcra-chart-hit:focus-visible { stroke: #132f37; stroke-width: 2; }
cuerpocentro.claro-pagina--informe .bcra-chart-detail { margin: 4px 8px 8px; min-height: 24px; color: #173c3c; font-size: 14px; font-weight: bold; }
cuerpocentro.claro-pagina--informe .bcra-causal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin-bottom: 14px; }
cuerpocentro.claro-pagina--informe .bcra-causal-card { border: 1px solid var(--cl-borde); border-left: 4px solid #d97706; border-radius: 7px; padding: 10px; }
cuerpocentro.claro-pagina--informe .bcra-causal-card span, cuerpocentro.claro-pagina--informe .bcra-causal-card strong, cuerpocentro.claro-pagina--informe .bcra-causal-card small { display: block; }
cuerpocentro.claro-pagina--informe .bcra-causal-card span { color: #6b7280; font-size: 12px; }
cuerpocentro.claro-pagina--informe .bcra-causal-card strong { margin: 3px 0; }
cuerpocentro.claro-pagina--informe .bcra-table-wrap { max-height: 560px; overflow: auto; border: 1px solid #ccdada; border-radius: 7px; scrollbar-width: thin; scrollbar-color: #9fb6b6 #f7fbfb; }
cuerpocentro.claro-pagina--informe .bcra-table-wrap--history { max-height: 500px; }
cuerpocentro.claro-pagina--informe .bcra-table { border-collapse: collapse; min-width: 880px; width: 100%; background: #fff; font-size: 14px; }
cuerpocentro.claro-pagina--informe .bcra-table--current { min-width: 760px; }
cuerpocentro.claro-pagina--informe .bcra-table--checks, cuerpocentro.claro-pagina--informe .bcra-table--technical { min-width: 1250px; }
cuerpocentro.claro-pagina--informe .bcra-table th, cuerpocentro.claro-pagina--informe .bcra-table td { border-bottom: 1px solid var(--cl-borde); border-right: 1px solid #e7eeee; padding: 8px 9px; text-align: left; vertical-align: top; line-height: 1.3; }
cuerpocentro.claro-pagina--informe .bcra-table th { background: var(--cl-crema); color: #173c3c; font-weight: bold; position: sticky; top: 0; z-index: 1; }
cuerpocentro.claro-pagina--informe .bcra-table tbody tr:nth-child(even) td { background: #F6F1E8; }
cuerpocentro.claro-pagina--informe .bcra-table tbody tr:hover td { background: #FFF7B2; }
cuerpocentro.claro-pagina--informe .bcra-status-pill { display: inline-block; border-radius: 999px; color: #fff; font-size: 12px; font-weight: bold; padding: 5px 8px; white-space: nowrap; }
cuerpocentro.claro-pagina--informe .bcra-status-pill--normal { background: #167a46; }
cuerpocentro.claro-pagina--informe .bcra-status-pill--atencion { background: #b46700; }
cuerpocentro.claro-pagina--informe .bcra-status-pill--critico { background: #a32323; }
cuerpocentro.claro-pagina--informe .bcra-text--normal { color: #12643b !important; }
cuerpocentro.claro-pagina--informe .bcra-text--atencion { color: #915300 !important; }
cuerpocentro.claro-pagina--informe .bcra-text--critico { color: #8e1f1f !important; }
cuerpocentro.claro-pagina--informe .bcra-empty { background: #f6f8f8; border: 1px dashed #b7caca; border-radius: 7px; color: #52636b; padding: 13px; margin: 0; }
cuerpocentro.claro-pagina--informe .bcra-small-note { color: #52636b; font-size: 13px; line-height: 1.4; margin: 8px 0 0; }
cuerpocentro.claro-pagina--informe .bcra-report-footer { background: var(--cl-crema); border: 1px solid #d1dfdf; border-radius: 8px; color: #42555c; font-size: 13px; line-height: 1.45; padding: 13px; margin: 18px 0; }
cuerpocentro.claro-pagina--informe .bcra-info-section { background: #fff; border: 1px solid var(--cl-borde); border-top: 4px solid #4568a5; border-radius: 9px; box-shadow: 0 1px 3px rgba(13,49,49,.1); line-height: 1.55; margin: 18px 0 0; padding: 17px; }
cuerpocentro.claro-pagina--informe .bcra-info-section h2, cuerpocentro.claro-pagina--informe .bcra-info-section h3 { color: var(--cl-caoba); line-height: 1.25; }
cuerpocentro.claro-pagina--informe .bcra-info-section h2 { font-size: 23px; margin: 0 0 10px; }
cuerpocentro.claro-pagina--informe .bcra-info-section h3 { font-size: 19px; margin: 17px 0 8px; }
cuerpocentro.claro-pagina--informe .bcra-info-section p { margin: 0 0 10px; }
cuerpocentro.claro-pagina--informe .bcra-info-section ul { margin: 8px 0 0 20px; padding: 0; }
cuerpocentro.claro-pagina--informe .bcra-info-section li { margin: 6px 0; }
cuerpocentro.claro-pagina--informe .bcra-info-section a { color: var(--cl-verde); font-weight: bold; }
cuerpocentro.claro-pagina--informe .bcra-info-highlight { background: var(--cl-crema); border-left: 4px solid var(--cl-verde); border-radius: 6px; color: #233f46; margin: 12px 0; padding: 10px 12px; }
cuerpocentro.claro-pagina--informe .bcra-faq details { border-top: 1px solid #dce6e6; padding: 10px 0; }
cuerpocentro.claro-pagina--informe .bcra-faq summary { cursor: pointer; color: var(--cl-caoba); font-weight: bold; }
cuerpocentro.claro-pagina--informe .bcra-faq details p { margin: 8px 0 0; }
.publicidadderecha .bcra-ad-label { color: #6b7275; font: 11px Arial, sans-serif; letter-spacing: .05em; text-transform: uppercase; margin: 0 0 5px; }
@media (min-width: 1000px) {
.publicidadderecha .bcra-ad-sticky { position: sticky; top: 14px; min-height: 276px; }
}
@media (max-width: 700px) {
cuerpocentro.claro-pagina--informe .bcra-app { padding: 11px; }
cuerpocentro.claro-pagina--informe .bcra-hero { padding: 17px; }
cuerpocentro.claro-pagina--informe .bcra-button, cuerpocentro.claro-pagina--informe .bcra-print-button, cuerpocentro.claro-pagina--informe .bcra-secondary-button { width: 100%; }
cuerpocentro.claro-pagina--informe .bcra-print-actions { flex-direction: column-reverse; }
cuerpocentro.claro-pagina--informe .bcra-report-cover, cuerpocentro.claro-pagina--informe .bcra-section-header { align-items: flex-start; flex-direction: column; }
cuerpocentro.claro-pagina--informe .bcra-report-source { text-align: left; }
cuerpocentro.claro-pagina--informe .bcra-chart-layout { grid-template-columns: 1fr; }
cuerpocentro.claro-pagina--informe .bcra-donut { max-width: 260px; }
cuerpocentro.claro-pagina--informe .bcra-table { min-width: 820px; }
}
@media (prefers-reduced-motion: reduce) {
cuerpocentro.claro-pagina--informe .bcra-spinner { animation: none; }
}
@media print {
body.bcra-has-report { page: informe-bcra; }
    @page informe-bcra { size: A4 landscape; margin: 10mm; }
body.bcra-has-report > *:not(cuerpocentro), body.bcra-has-report cuerpocentro > *:not(.bcra-app), body.bcra-has-report .bcra-app > *:not(#bcra-resultado) { display: none !important; }
body.bcra-has-report, body.bcra-has-report cuerpocentro, body.bcra-has-report .bcra-app, body.bcra-has-report #bcra-resultado {
        background: #fff !important; border: 0 !important; box-shadow: none !important; color: #1f2933 !important; margin: 0 !important; padding: 0 !important; width: 100% !important;
    }
body.bcra-has-report #bcra-resultado, body.bcra-has-report #bcra-resultado * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
body.bcra-has-report .bcra-print-actions, body.bcra-has-report .bcra-chart-instruction, body.bcra-has-report .bcra-chart-detail, body.bcra-has-report .bcra-chart-hit { display: none !important; }
body.bcra-has-report .bcra-donut-center.is-focused .bcra-donut-default { display: block !important; }
body.bcra-has-report .bcra-donut-focus { display: none !important; }
body.bcra-has-report .bcra-donut-slice, body.bcra-has-report .bcra-legend-row { opacity: 1 !important; }
body.bcra-has-report .bcra-donut-slice { stroke-width: 42 !important; }
body.bcra-has-report .bcra-legend-row { border: 0; padding: 3px; break-inside: avoid; }
body.bcra-has-report .bcra-report-cover, body.bcra-has-report .bcra-summary-item, body.bcra-has-report .bcra-chart-layout, body.bcra-has-report .bcra-findings, body.bcra-has-report .bcra-causal-card { break-inside: avoid; page-break-inside: avoid; }
body.bcra-has-report .bcra-section { break-inside: auto; page-break-inside: auto; margin: 0 0 8mm; }
body.bcra-has-report .bcra-section + .bcra-section { break-before: page; page-break-before: always; }
body.bcra-has-report .bcra-section--first-visible { break-before: auto !important; page-break-before: auto !important; }
body.bcra-has-report .bcra-section-header { break-after: avoid; page-break-after: avoid; }
body.bcra-has-report .bcra-table-wrap { max-height: none !important; overflow: visible !important; border: 0 !important; }
body.bcra-has-report .bcra-table { font-size: 8px; min-width: 0 !important; width: 100% !important; table-layout: fixed; }
body.bcra-has-report .bcra-table th, body.bcra-has-report .bcra-table td { padding: 4px 5px; overflow-wrap: anywhere; }
body.bcra-has-report .bcra-table th { position: static; }
body.bcra-has-report .bcra-table tr { break-inside: avoid; }
body.bcra-has-report .bcra-table thead { display: table-header-group; }
body.bcra-has-report .bcra-section { box-shadow: none; border: 1px solid #cbd9d9; border-top: 4px solid var(--cl-verde); }
body.bcra-has-report .bcra-sparkline { max-height: 190px; }
body.bcra-has-report a { color: #1f2933 !important; text-decoration: none !important; }
}

/* Reglas acotadas a las páginas adaptadas; reutilizan la paleta de las referencias. */
cuerpocentro.claro-pagina #menuprincipal #titulos > li > a {
    display: block; padding: 8px 10px; color: #FFF;
    font: 500 12px/1.5 var(--cl-fuente); text-align: center;
}
cuerpocentro.claro-pagina table .principalesvinculosblancos {
    color: #111; font: 650 13px/1.5 var(--cl-fuente); background: none;
}
cuerpocentro.claro-pagina--amortizacion h1.dentrotabla {
    font: 600 21px/1.35 var(--cl-fuente); color: var(--cl-caoba);
    letter-spacing: -.025em; margin: 8px 0 24px;
}
cuerpocentro.claro-pagina--amortizacion .claro-calculador {
    text-align: center; padding: 14px 18px; margin: 18px auto;
    width: 100%; max-width: 420px; box-sizing: border-box;
}
cuerpocentro.claro-pagina--amortizacion :is(#form1, #formCalculador) .claro-precios :is(input, select) {
    display: inline-block; width: 120px; max-width: calc(100% - 20px);
    min-height: 29px; padding: 3px 8px;
    color: #111; font: 400 14px/1.4 var(--cl-fuente);
}
cuerpocentro.claro-pagina--amortizacion .claro-precios td:first-child {
    text-align: left; color: var(--cl-verde); font: 650 13px/1.5 var(--cl-fuente);
}
cuerpocentro.claro-pagina--amortizacion .claro-precios td { width: auto; }
cuerpocentro.claro-pagina--amortizacion .claro-precios td:nth-child(2) { white-space: nowrap; }
body:has(cuerpocentro.claro-pagina--amortizacion) .publicidadderecha .tablacambiacolor .principalesvinculosblancos {
    color: var(--cl-caoba); font: 650 15px/1.5 var(--cl-fuente); margin: 20px 0 12px;
}
body:has(cuerpocentro.claro-pagina--amortizacion) .publicidadderecha p.superiorparatabla { color: #FFF; }
cuerpocentro.claro-pagina--amortizacion .claro-acciones { justify-content: center; margin-top: 12px; }
cuerpocentro.claro-pagina--amortizacion .claro-resultados { display: flow-root; }
cuerpocentro.claro-pagina--amortizacion .claro-resultados .centraTabla { margin: 0 0 20px; }
cuerpocentro.claro-pagina--amortizacion .claro-resultados table { font-variant-numeric: tabular-nums; }
cuerpocentro.claro-pagina--amortizacion .claro-resultados h4 { margin: 0; font: inherit; }
cuerpocentro.claro-pagina--amortizacion .claro-resultados td { color: #111; font-weight: 700; }
cuerpocentro.claro-pagina--amortizacion .claro-resultados td[bgcolor="#99FFFF"] {
    background: #D9EBCB; color: #365B27;
}
cuerpocentro.claro-pagina--amortizacion .claro-resultados td[bgcolor="#D9FEC2"] {
    background: #D9EBCB; color: #365B27;
}
cuerpocentro.claro-pagina--amortizacion .claro-grafico--amortizacion {
    position: relative; height: 380px; max-width: 100%; margin: 24px 0 0;
    background: var(--cl-papel); box-sizing: border-box;
}
cuerpocentro.claro-pagina--amortizacion .claro-grafico canvas { background: var(--cl-papel); }

/* Filtros y tablas bancarias: se conserva la distribución y el desplazamiento. */
cuerpocentro.claro-pagina--bancos .bcra-app-container {
    color: #111; font: 400 14px/1.5 var(--cl-fuente);
}
cuerpocentro.claro-pagina--bancos .bcra-app-container > div {
    border: 1px solid var(--cl-borde); border-radius: 14px;
    background: var(--cl-papel); box-shadow: 0 5px 20px #66232505;
}
cuerpocentro.claro-pagina--bancos .bcra-app-container > div > div:first-child {
    background: var(--cl-crema); border-color: var(--cl-borde);
}
cuerpocentro.claro-pagina--bancos .bcra-app-container label {
    color: var(--cl-caoba); font: 600 13px/1.5 var(--cl-fuente);
    text-transform: none; letter-spacing: normal;
}
cuerpocentro.claro-pagina--bancos .bcra-app-container input[type="text"] { text-align: left; }
cuerpocentro.claro-pagina--bancos .bcra-table-container {
    overflow-x: auto; max-width: 100%; scrollbar-width: thin;
    scrollbar-color: #B8AD9B var(--cl-crema);
}
cuerpocentro.claro-pagina--bancos .bcra-table-container::-webkit-scrollbar { height: 8px; }
cuerpocentro.claro-pagina--bancos .bcra-table-container::-webkit-scrollbar-track { background: var(--cl-crema); }
cuerpocentro.claro-pagina--bancos .bcra-table-container::-webkit-scrollbar-thumb { background: #B8AD9B; border-radius: 4px; }
cuerpocentro.claro-pagina--bancos .bcra-table { min-width: 1000px; font: 400 13px/1.5 var(--cl-fuente); }
cuerpocentro.claro-pagina--bancos .bcra-table :is(td, th) {
    padding: 6px 8px; border: 0; border-bottom: 1px solid var(--cl-borde);
}
cuerpocentro.claro-pagina--bancos .bcra-table th { color: var(--cl-caoba); background: #E4D9C7; text-transform: none; }
cuerpocentro.claro-pagina--bancos .bcra-table :is(td, td div) { color: #111; }
cuerpocentro.claro-pagina--bancos .bcra-table td .text-xs { color: var(--cl-texto); }
cuerpocentro.claro-pagina--bancos .bcra-table .rounded-full {
    background: var(--cl-verde-suave); color: #365B27;
}
cuerpocentro.claro-pagina--bancos .truncate-multiline {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* Informe BCRA: mismos controles y estados, con superficies claras. */
cuerpocentro.claro-pagina--informe .bcra-app { font-family: var(--cl-fuente); border-radius: 14px; }
cuerpocentro.claro-pagina--informe :is(.bcra-hero, .bcra-report-cover) {
    background: var(--cl-crema); color: #111; border: 1px solid var(--cl-borde);
}
cuerpocentro.claro-pagina--informe :is(.bcra-hero, .bcra-report-cover) h2 { color: var(--cl-caoba); }
cuerpocentro.claro-pagina--informe :is(.bcra-trust-row span, .bcra-report-source) {
    background: var(--cl-papel); border: 1px solid var(--cl-borde); color: var(--cl-texto);
}
cuerpocentro.claro-pagina--informe .bcra-search { background: #FFFDF9; border-color: var(--cl-borde); box-shadow: 0 5px 20px #66232505; }
cuerpocentro.claro-pagina--informe .bcra-field { min-width: 0; }
cuerpocentro.claro-pagina--informe .bcra-field input { text-align: left; color: #111; }
cuerpocentro.claro-pagina--informe .bcra-button {
    background: #0555B0; color: #FFF; border: 1px solid #03448D;
    box-shadow: 0 3px 0 #03356E, 0 5px 7px #00000020;
}
cuerpocentro.claro-pagina--informe .bcra-button:hover { background: #03448D; }
cuerpocentro.claro-pagina--informe .bcra-button:active { transform: translateY(3px); box-shadow: inset 0 2px 4px #00000040; }
cuerpocentro.claro-pagina--informe .bcra-button:disabled { background: #8aa5a5; box-shadow: none; }
cuerpocentro.claro-pagina--informe .bcra-print-button { background: var(--cl-accion); }
cuerpocentro.claro-pagina--informe .bcra-print-button:hover { background: var(--cl-caoba); }
cuerpocentro.claro-pagina--informe .bcra-legend-row {
    background: var(--cl-papel); color: #111; min-height: 40px; box-shadow: none;
}
cuerpocentro.claro-pagina--informe .bcra-legend-row:is(:hover, :focus-visible, .is-active) {
    background: var(--cl-verde-suave); color: #111; border-color: var(--cl-verde);
}
cuerpocentro.claro-pagina--informe .bcra-sparkline-wrap { background: var(--cl-papel); }
cuerpocentro.claro-pagina--informe .bcra-table th { background: #E4D9C7; }

/* Matriz eléctrica: colores de series coordinados con la gráfica de referencia. */
cuerpocentro.claro-pagina--energia #eco-app-viewport { border-radius: 14px; }
cuerpocentro.claro-pagina--energia :is(.eco-card, .eco-chart-card, .eco-info-block) { border-radius: 14px; }
cuerpocentro.claro-pagina--energia .eco-header .eco-title { color: var(--cl-titulo); }
cuerpocentro.claro-pagina--energia .eco-chart-card { margin: 24px 0; }
cuerpocentro.claro-pagina--energia .eco-dot[style*="#f59e0b"] { background: #984B30 !important; }
cuerpocentro.claro-pagina--energia .eco-dot[style*="#3b82f6"] { background: #0555B0 !important; }
cuerpocentro.claro-pagina--energia .eco-dot[style*="#10b981"] { background: #4C7C38 !important; }
cuerpocentro.claro-pagina--energia .eco-line { border-color: #42474D; }

/* Localizador: se preservan las capas, los controles Leaflet y sus dimensiones. */
cuerpocentro.claro-pagina--reciclaje .eco-root {
    background: var(--cl-papel); border-color: var(--cl-borde);
    box-shadow: 0 5px 20px #66232505; border-radius: 14px; color: #111;
}
cuerpocentro.claro-pagina--reciclaje .eco-root > div:first-child {
    background: var(--cl-crema); background-image: none; color: var(--cl-caoba);
    border-bottom: 1px solid var(--cl-borde);
}
cuerpocentro.claro-pagina--reciclaje .eco-root > div:first-child :is(h2, p) {
    color: var(--cl-caoba); margin: 0; text-align: left;
}
cuerpocentro.claro-pagina--reciclaje .eco-root > div:first-child > div:first-child > div:first-child {
    background: var(--cl-verde-suave); color: var(--cl-verde);
}
cuerpocentro.claro-pagina--reciclaje #badge-fuente-datos {
    background: var(--cl-verde-suave); color: #365B27; border: 1px solid var(--cl-borde); box-shadow: none;
}
cuerpocentro.claro-pagina--reciclaje .eco-sidebar-panel,
cuerpocentro.claro-pagina--reciclaje .eco-sidebar-panel > div {
    background: var(--cl-papel); border-color: var(--cl-borde);
}
cuerpocentro.claro-pagina--reciclaje .eco-sidebar-panel > div:first-child,
cuerpocentro.claro-pagina--reciclaje #detalle-punto-contenido { background: var(--cl-crema); }
cuerpocentro.claro-pagina--reciclaje .eco-sidebar-panel h3 {
    color: var(--cl-caoba); font: 600 13px/1.5 var(--cl-fuente); margin: 0 0 8px;
    text-align: left; text-transform: none; letter-spacing: normal;
}
cuerpocentro.claro-pagina--reciclaje .eco-sidebar-panel [class*="text-slate-"] { color: var(--cl-texto); }
cuerpocentro.claro-pagina--reciclaje .eco-sidebar-panel button {
    font: 600 12px/1.4 var(--cl-fuente); min-height: 35px; padding: 7px;
}
cuerpocentro.claro-pagina--reciclaje #btn-detectar-ubicacion { background: #0555B0; border-color: #03448D; color: #FFF; }
cuerpocentro.claro-pagina--reciclaje .btn-simular { background: var(--cl-crema); border-color: var(--cl-borde); color: var(--cl-texto); }
cuerpocentro.claro-pagina--reciclaje .btn-simular:hover { background: #E4D9C7; }
cuerpocentro.claro-pagina--reciclaje .eco-card-active { border-color: var(--cl-verde) !important; box-shadow: 0 0 0 1px var(--cl-verde); }
cuerpocentro.claro-pagina--reciclaje #material-filters label { border-color: var(--cl-borde); background: var(--cl-crema); }
cuerpocentro.claro-pagina--reciclaje .eco-sidebar-panel :is(select, input[type="text"]) { font-size: 12px; min-height: 35px; padding: 6px; }
cuerpocentro.claro-pagina--reciclaje .eco-scroll::-webkit-scrollbar-track { background: var(--cl-crema); }
cuerpocentro.claro-pagina--reciclaje .eco-scroll::-webkit-scrollbar-thumb { background: #B8AD9B; }
cuerpocentro.claro-pagina--reciclaje #panel-mapa { height: auto; min-height: 0; flex-direction: column; }
cuerpocentro.claro-pagina--reciclaje #panel-mapa .eco-sidebar-panel { width: 100%; height: auto; max-height: none; overflow-y: visible; }
cuerpocentro.claro-pagina--reciclaje #panel-mapa .eco-map-panel { height: 420px; min-height: 420px; }
cuerpocentro.claro-pagina--reciclaje #map { height: 420px !important; min-height: 420px !important; }
@media (min-width: 1800px) {
    cuerpocentro.claro-pagina--reciclaje #panel-mapa { flex-direction: row; height: 760px; }
    cuerpocentro.claro-pagina--reciclaje #panel-mapa .eco-sidebar-panel { width: 300px; height: 760px; max-height: 760px; overflow-y: auto; }
    cuerpocentro.claro-pagina--reciclaje #panel-mapa .eco-map-panel { height: 760px; min-height: 760px; }
    cuerpocentro.claro-pagina--reciclaje #map { height: 760px !important; min-height: 760px !important; }
}
@media (max-width: 769px) {
    cuerpocentro.claro-pagina--amortizacion .claro-calculador { padding: 12px; }
    cuerpocentro.claro-pagina--amortizacion .claro-resultados { padding: 12px; }
    cuerpocentro.claro-pagina--amortizacion .claro-grafico--amortizacion { height: 340px; }
    cuerpocentro.claro-pagina--amortizacion .claro-precios :is(input, select) { width: 120px; }
    cuerpocentro.claro-pagina--amortizacion .claro-resultados .centraTabla > table { min-width: 620px; }
    cuerpocentro.claro-pagina--informe .bcra-chart-layout { grid-template-columns: 1fr; }
    cuerpocentro.claro-pagina--energia .eco-kpi-grid { grid-template-columns: 1fr; }
    cuerpocentro.claro-pagina--energia .eco-header { flex-direction: column; align-items: stretch; }
    cuerpocentro.claro-pagina--energia .eco-status-pill { flex-wrap: wrap; }
}


/* Controles de gráficos para amortizaciones, matriz eléctrica e informes BCRA. */
cuerpocentro [data-claro-grafico] > .claro-grafico-cabecera { margin-bottom: 16px; }
cuerpocentro [data-claro-grafico] > .claro-grafico-leyenda { margin-top: 14px; }
cuerpocentro [data-claro-grafico] > .claro-grafico-leyenda button::before { background: var(--cl-serie-color, #4C7C38); }
cuerpocentro [data-claro-grafico] > .claro-grafico-leyenda button:disabled { cursor: wait; opacity: .6; }
cuerpocentro [data-claro-grafico] [hidden] { display: none !important; }
cuerpocentro.claro-pagina--amortizacion [data-claro-grafico] { margin-top: 24px; }
cuerpocentro.claro-pagina--amortizacion [data-claro-grafico] .claro-grafico--amortizacion { margin: 0; border: 0; padding: 0; }
cuerpocentro.claro-pagina--informe [data-claro-grafico] .bcra-chart-layout { margin: 0; }
cuerpocentro.claro-pagina--informe [data-claro-grafico] .bcra-sparkline-wrap { margin: 0; border: 0; padding: 0; }


/* Herramientas laborales: presentación compartida con Estética y LECAP. */

cuerpocentro.claro-pagina--astro .font-cambria,
cuerpocentro.claro-pagina--astro .font-cambria input,
cuerpocentro.claro-pagina--astro .font-cambria select,
cuerpocentro.claro-pagina--astro .font-cambria button,
cuerpocentro.claro-pagina--astro .font-cambria textarea,
cuerpocentro.claro-pagina--astro .font-cambria div,
cuerpocentro.claro-pagina--astro .font-cambria p,
cuerpocentro.claro-pagina--astro .font-cambria h1,
cuerpocentro.claro-pagina--astro .font-cambria h2,
cuerpocentro.claro-pagina--astro .font-cambria h3,
cuerpocentro.claro-pagina--astro .font-cambria h4 {
    font-family: 'Cambria', Georgia, serif !important;
}
cuerpocentro.claro-pagina--astro .font-cambria .telemetria {
    font-family: 'JetBrains Mono', monospace !important;
}
cuerpocentro.claro-pagina--astro .glow-crimson {
    box-shadow: 0 0 15px rgba(225, 29, 72, 0.4);
}
cuerpocentro.claro-pagina--astro .glow-celestial {
    box-shadow: 0 0 20px rgba(251, 191, 36, 0.2);
}
@media (min-width: 1024px){cuerpocentro.claro-pagina--astro .lg\:p-8 {
        padding: 0.4rem !important;
    }}
cuerpocentro.claro-pagina--rutas .planificador-cambria,
cuerpocentro.claro-pagina--rutas .planificador-cambria * {
        font-family: Cambria, Georgia, "Times New Roman", serif !important;
    }
cuerpocentro.claro-pagina--rutas .leaflet-container {
        background: #0f172a;
    }
cuerpocentro.claro-pagina--rutas .planificador-cambria button:disabled {
        opacity: .65;
        cursor: wait;
    }
cuerpocentro.claro-pagina--rutas .campo-error {
        border-color: #ef4444 !important;
    }
cuerpocentro.claro-pagina--rutas .buscador-ciudad {
        position: relative;
    }
cuerpocentro.claro-pagina--rutas .lista-sugerencias-ciudad {
        position: absolute;
        z-index: 1200;
        left: 0;
        right: 0;
        top: calc(100% + 4px);
        max-height: 270px;
        overflow-y: auto;
        background: #0f172a;
        border: 1px solid #334155;
        border-radius: .65rem;
        box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
    }
cuerpocentro.claro-pagina--rutas .opcion-sugerencia-ciudad {
        display: block;
        width: 100%;
        padding: .65rem .75rem;
        text-align: left;
        color: #e2e8f0;
        background: transparent;
        border: 0;
        border-bottom: 1px solid #1e293b;
        font-size: .82rem;
        line-height: 1.25rem;
        cursor: pointer;
    }
cuerpocentro.claro-pagina--rutas .opcion-sugerencia-ciudad:last-child {
        border-bottom: 0;
    }
cuerpocentro.claro-pagina--rutas .opcion-sugerencia-ciudad:hover,
cuerpocentro.claro-pagina--rutas .opcion-sugerencia-ciudad.activa {
        background: #1e293b;
        color: #fff;
    }
cuerpocentro.claro-pagina--rutas .mensaje-sugerencias-ciudad {
        padding: .75rem;
        color: #94a3b8;
        font-size: .75rem;
        line-height: 1.1rem;
    }
cuerpocentro.claro-pagina--alimentos .cambria-tool-container {
        font-family: 'Cambria', 'Georgia', serif !important;
        max-width: none;
        overflow: visible;
    }
cuerpocentro.claro-pagina--alimentos .cambria-tool-container *,
cuerpocentro.claro-pagina--alimentos .cambria-tool-container *::before,
cuerpocentro.claro-pagina--alimentos .cambria-tool-container *::after {
        box-sizing: border-box;
    }
cuerpocentro.claro-pagina--alimentos .monitor-main {
        width: 100%;
        min-width: 0;
    }
cuerpocentro.claro-pagina--alimentos .monitor-card {
        min-width: 0;
    }
cuerpocentro.claro-pagina--alimentos .filtros-horizontales {
        display: grid;
        grid-template-columns: minmax(190px, 0.9fr) minmax(240px, 1.4fr) minmax(180px, 0.8fr) auto;
        gap: 1rem;
        align-items: end;
    }
cuerpocentro.claro-pagina--alimentos .filtro-control {
        width: 100% !important;
        min-width: 0;
    }
cuerpocentro.claro-pagina--alimentos .tabla-precios {
        min-width: 980px;
    }
cuerpocentro.claro-pagina--alimentos .celda-nombre-producto {
        max-width: 390px;
    }
@media (max-width: 1100px){cuerpocentro.claro-pagina--alimentos .filtros-horizontales {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }}
@media (max-width: 700px){cuerpocentro.claro-pagina--alimentos .filtros-horizontales {
            grid-template-columns: minmax(0, 1fr);
        }
cuerpocentro.claro-pagina--alimentos .tabla-precios {
            min-width: 900px;
        }}
cuerpocentro.claro-pagina--arribos .led-text {
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
}
cuerpocentro.claro-pagina--arribos .led-yellow {
    color: #fbbf24;
    text-shadow: 0 0 8px rgba(251, 191, 36, 0.6);
}
cuerpocentro.claro-pagina--arribos .led-red {
    color: #ef4444;
    text-shadow: 0 0 8px rgba(239, 68, 68, 0.6);
}
cuerpocentro.claro-pagina--arribos .led-green {
    color: #22c55e;
    text-shadow: 0 0 8px rgba(34, 197, 94, 0.6);
}
@keyframes flash-yellow{
    0% { background-color: rgba(251, 191, 36, 0.4); transform: scale(1.01); }
    100% { background-color: transparent; transform: scale(1); }
}
@keyframes flash-red{
    0% { background-color: rgba(239, 68, 68, 0.4); transform: scale(1.01); }
    100% { background-color: transparent; transform: scale(1); }
}
@keyframes flash-green{
    0% { background-color: rgba(34, 197, 94, 0.3); transform: scale(1.01); }
    100% { background-color: transparent; transform: scale(1); }
}
cuerpocentro.claro-pagina--arribos .update-delay {
    animation: flash-yellow 2.5s ease-out;
}
cuerpocentro.claro-pagina--arribos .update-cancel {
    animation: flash-red 2.5s ease-out;
}
cuerpocentro.claro-pagina--arribos .update-arrive {
    animation: flash-green 2.5s ease-out;
}
cuerpocentro.claro-pagina--cisternas,
cuerpocentro.claro-pagina--cisternas * {
        font-family: Cambria, Georgia, serif !important;
    }
cuerpocentro.claro-pagina--cisternas .custom-scrollbar::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
cuerpocentro.claro-pagina--cisternas .custom-scrollbar::-webkit-scrollbar-track {
        background: #1e293b;
    }
cuerpocentro.claro-pagina--cisternas .custom-scrollbar::-webkit-scrollbar-thumb {
        background: #475569;
        border-radius: 4px;
    }
cuerpocentro.claro-pagina--cisternas .custom-scrollbar::-webkit-scrollbar-thumb:hover {
        background: #64748b;
    }
cuerpocentro.claro-pagina--cisternas .map-container {
        z-index: 10 !important;
    }
cuerpocentro.claro-pagina--cuencas #monitor-hidrico-root {
    font-family: Cambria, Georgia, serif;
    width: 100%;
    max-width: none;
    background: #06111f;
    color: #e5eefb;
    border: 1px solid #1e3a5f;
    border-radius: 18px;
    padding: 18px;
    margin: 16px 0;
    box-shadow: 0 18px 45px rgba(2, 6, 23, 0.35);
}
cuerpocentro.claro-pagina--cuencas #monitor-hidrico-root * { box-sizing: border-box; }
cuerpocentro.claro-pagina--cuencas .mh-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid #1e3a5f;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
cuerpocentro.claro-pagina--cuencas .mh-title-wrap { display: flex; align-items: center; gap: 14px; min-width: 0; }
cuerpocentro.claro-pagina--cuencas .mh-icon {
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.18), rgba(16, 185, 129, 0.14));
    border: 1px solid rgba(125, 211, 252, 0.35);
}
cuerpocentro.claro-pagina--cuencas .mh-icon svg { width: 31px; height: 31px; fill: none; stroke: #67e8f9; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
cuerpocentro.claro-pagina--cuencas .mh-hero h1 { margin: 0; color: #ffffff; font-size: clamp(23px, 3vw, 34px); line-height: 1.12; }
cuerpocentro.claro-pagina--cuencas .mh-source-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 8px 12px;
    color: #bbf7d0;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.25);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}
cuerpocentro.claro-pagina--cuencas .mh-stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
cuerpocentro.claro-pagina--cuencas .mh-stat {
    background: #0b1729;
    border: 1px solid #203a5a;
    border-radius: 14px;
    padding: 13px;
    min-height: 84px;
}
cuerpocentro.claro-pagina--cuencas .mh-stat span { display: block; color: #95a8bf; font-size: 12px; margin-bottom: 7px; }
cuerpocentro.claro-pagina--cuencas .mh-stat strong { display: block; color: #ffffff; font-size: 24px; line-height: 1.1; }
cuerpocentro.claro-pagina--cuencas .mh-layout {
    display: grid;
    grid-template-columns: minmax(330px, 380px) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    width: 100%;
}
cuerpocentro.claro-pagina--cuencas .mh-layout > aside {
    min-width: 330px;
    width: 100%;
}
cuerpocentro.claro-pagina--cuencas .mh-layout > :is(main, .mh-main) {
    min-width: 0;
    width: 100%;
}
cuerpocentro.claro-pagina--cuencas .mh-panel {
    background: #0b1729;
    border: 1px solid #203a5a;
    border-radius: 16px;
    padding: 14px;
}
cuerpocentro.claro-pagina--cuencas .mh-panel h2,
cuerpocentro.claro-pagina--cuencas .mh-panel h3 { margin: 0 0 12px; color: #ffffff; font-size: 18px; }
cuerpocentro.claro-pagina--cuencas .mh-controls { display: grid; gap: 10px; margin-bottom: 12px; }
cuerpocentro.claro-pagina--cuencas .mh-input,
cuerpocentro.claro-pagina--cuencas .mh-select {
    width: 100%;
    border: 1px solid #264766;
    background: #071225;
    color: #eef7ff;
    border-radius: 12px;
    padding: 10px 11px;
    font-family: Cambria, Georgia, serif;
    font-size: 14px;
    outline: none;
}
cuerpocentro.claro-pagina--cuencas .mh-input:focus,
cuerpocentro.claro-pagina--cuencas .mh-select:focus { border-color: #38bdf8; box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.14); }
cuerpocentro.claro-pagina--cuencas .mh-button {
    border: 1px solid #2d5275;
    background: #10243b;
    color: #e6f6ff;
    border-radius: 12px;
    padding: 10px 12px;
    cursor: pointer;
    font-family: Cambria, Georgia, serif;
    font-size: 14px;
    transition: background 0.15s ease, border-color 0.15s ease;
}
cuerpocentro.claro-pagina--cuencas .mh-button:hover { background: #16324f; border-color: #38bdf8; }
cuerpocentro.claro-pagina--cuencas .mh-station-list {
    display: grid;
    gap: 9px;
    max-height: 560px;
    overflow: auto;
    padding-right: 4px;
}
cuerpocentro.claro-pagina--cuencas .mh-station-item {
    width: 100%;
    text-align: left;
    border: 1px solid #203a5a;
    background: #071225;
    color: #e7f4ff;
    border-radius: 13px;
    padding: 11px;
    cursor: pointer;
    font-family: Cambria, Georgia, serif;
}
cuerpocentro.claro-pagina--cuencas .mh-station-item:hover,
cuerpocentro.claro-pagina--cuencas .mh-station-item.is-active { border-color: #38bdf8; background: #0f243c; }
cuerpocentro.claro-pagina--cuencas .mh-station-title { display: flex; align-items: start; justify-content: space-between; gap: 8px; margin-bottom: 5px; }
cuerpocentro.claro-pagina--cuencas .mh-station-title strong { font-size: 14px; color: #ffffff; line-height: 1.25; }
cuerpocentro.claro-pagina--cuencas .mh-chip { display: inline-flex; align-items: center; border-radius: 999px; padding: 3px 8px; font-size: 11px; white-space: nowrap; border: 1px solid #31506f; color: #c9ddf0; background: #0c1b2e; }
cuerpocentro.claro-pagina--cuencas .mh-station-meta { color: #9eb4ca; font-size: 12px; line-height: 1.35; }
cuerpocentro.claro-pagina--cuencas #mh-map {
    height: 520px;
    width: 100%;
    border-radius: 16px;
    border: 1px solid #203a5a;
    overflow: hidden;
    background: #071225;
    margin-bottom: 16px;
    display: block;
}
cuerpocentro.claro-pagina--cuencas #mh-map .leaflet-container,
cuerpocentro.claro-pagina--cuencas .leaflet-container {
    width: 100%;
    height: 100%;
}
cuerpocentro.claro-pagina--cuencas .mh-detail-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
cuerpocentro.claro-pagina--cuencas .mh-detail-card {
    background: #071225;
    border: 1px solid #203a5a;
    border-radius: 14px;
    padding: 12px;
}
cuerpocentro.claro-pagina--cuencas .mh-detail-card span { display: block; font-size: 12px; color: #91a9c3; margin-bottom: 6px; }
cuerpocentro.claro-pagina--cuencas .mh-detail-card strong { display: block; font-size: 18px; color: #ffffff; line-height: 1.2; overflow-wrap: anywhere; }
cuerpocentro.claro-pagina--cuencas .mh-detail-card small { display: block; margin-top: 6px; font-size: 12px; color: #8fb7d5; }
cuerpocentro.claro-pagina--cuencas .mh-detail-header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: start;
    margin-bottom: 12px;
}
cuerpocentro.claro-pagina--cuencas .mh-detail-header h2 { margin: 0; color: #ffffff; font-size: 22px; }
cuerpocentro.claro-pagina--cuencas .mh-detail-header p { margin: 5px 0 0; color: #aac0d6; font-size: 13px; }
cuerpocentro.claro-pagina--cuencas .mh-progress-wrap { height: 10px; background: #0f2035; border-radius: 999px; overflow: hidden; border: 1px solid #203a5a; margin-top: 9px; }
cuerpocentro.claro-pagina--cuencas .mh-progress-bar { height: 100%; width: 0%; background: #38bdf8; border-radius: 999px; }
cuerpocentro.claro-pagina--cuencas .mh-chart-wrap {
    height: 330px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #d7e3ef;
    padding: 12px;
    position: relative;
}
cuerpocentro.claro-pagina--cuencas .mh-chart-empty {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    color: #334155;
    text-align: center;
    padding: 24px;
    font-size: 14px;
}
cuerpocentro.claro-pagina--cuencas .mh-table-wrap { margin-top: 16px; overflow: auto; border-radius: 16px; border: 1px solid #203a5a; }
cuerpocentro.claro-pagina--cuencas .mh-table { width: 100%; border-collapse: collapse; min-width: 900px; background: #0b1729; }
cuerpocentro.claro-pagina--cuencas .mh-table th { background: #12304f; color: #ffffff; padding: 10px; text-align: left; font-size: 13px; position: sticky; top: 0; }
cuerpocentro.claro-pagina--cuencas .mh-table td { border-top: 1px solid #203a5a; color: #d8e7f5; padding: 10px; font-size: 13px; vertical-align: top; }
cuerpocentro.claro-pagina--cuencas .mh-table tbody tr:nth-child(even) { background: rgba(255, 255, 255, 0.025); }
cuerpocentro.claro-pagina--cuencas .mh-table tbody tr:hover { background: rgba(14, 165, 233, 0.10); }
cuerpocentro.claro-pagina--cuencas .mh-empty,
cuerpocentro.claro-pagina--cuencas .mh-error {
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    border: 1px solid #294762;
    background: #0b1729;
    color: #c9d9ea;
}
cuerpocentro.claro-pagina--cuencas .mh-error { border-color: rgba(244, 63, 94, 0.45); color: #fecdd3; }
cuerpocentro.claro-pagina--cuencas .leaflet-popup-content-wrapper,
cuerpocentro.claro-pagina--cuencas .leaflet-popup-tip { background: #ffffff; color: #0f172a; }
@media (max-width: 980px){cuerpocentro.claro-pagina--cuencas .mh-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
cuerpocentro.claro-pagina--cuencas .mh-layout { grid-template-columns: 1fr; }
cuerpocentro.claro-pagina--cuencas .mh-layout > aside { min-width: 0; }
cuerpocentro.claro-pagina--cuencas .mh-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
cuerpocentro.claro-pagina--cuencas .mh-hero { align-items: flex-start; flex-direction: column; }
cuerpocentro.claro-pagina--cuencas .mh-source-badge { white-space: normal; }}
@media (max-width: 560px){cuerpocentro.claro-pagina--cuencas #monitor-hidrico-root { padding: 12px; }
cuerpocentro.claro-pagina--cuencas .mh-stats,
cuerpocentro.claro-pagina--cuencas .mh-detail-grid { grid-template-columns: 1fr; }
cuerpocentro.claro-pagina--cuencas #mh-map { height: 360px; }
cuerpocentro.claro-pagina--cuencas .mh-chart-wrap { height: 300px; }}
cuerpocentro.claro-pagina--numeros td {
  padding: 7px;
}
cuerpocentro.claro-pagina--numeros input#numero {
            max-width: 270px; 
            width: 100%; 
            box-sizing: border-box; 
}
@media only screen and (max-width: 600px){cuerpocentro.claro-pagina--numeros input#numero {
                width: 70%; 
            }}
cuerpocentro.claro-pagina--cuil td {
  padding: 7px;
}
cuerpocentro.claro-pagina--cuil input#dni {
            max-width: 270px; 
            width: 100%; 
            box-sizing: border-box; 
}
@media only screen and (max-width: 600px){cuerpocentro.claro-pagina--cuil input#dni {
                width: 70%; 
            }}
cuerpocentro.claro-pagina--indice td {
  padding: 7px;
}
cuerpocentro.claro-pagina--indice input#dni,
cuerpocentro.claro-pagina--indice input#numero {
            max-width: 270px; 
            width: 100%; 
            box-sizing: border-box; 
}
@media only screen and (max-width: 600px){cuerpocentro.claro-pagina--indice input#dni,
cuerpocentro.claro-pagina--indice input#numero {
                width: 70%; 
            }}
/* Estas reglas solo alcanzan las once páginas adaptadas. */
cuerpocentro.claro-pagina--laboral { color: #111; container-type: inline-size; }
cuerpocentro.claro-pagina--laboral :is(.font-cambria, .planificador-cambria, .cambria-tool-container, #monitor-hidrico-root) {
    font-family: var(--cl-fuente); color: #111; background: var(--cl-papel);
    border-color: var(--cl-borde); box-shadow: 0 5px 20px #66232505;
    border-radius: 14px; min-height: 0;
}
cuerpocentro.claro-pagina--laboral :is(.font-sans, .font-mono, .telemetria), cuerpocentro.claro-pagina--laboral .font-cambria .telemetria { font-family: var(--cl-fuente) !important; }
cuerpocentro.claro-pagina--laboral :is([class*="bg-slate-"], [class*="bg-gray-"], [class*="bg-white"]) {
    background-color: var(--cl-papel); background-image: none;
}
cuerpocentro.claro-pagina--laboral :is([class*="bg-slate-900"], [class*="bg-slate-800"], [class*="bg-gray-800"]) { background-color: var(--cl-crema); }
cuerpocentro.claro-pagina--laboral :is([class*="border-slate-"], [class*="border-gray-"], [class*="divide-slate-"] > *) { border-color: var(--cl-borde); }
cuerpocentro.claro-pagina--laboral :is([class*="text-slate-"], [class*="text-gray-"], .text-white, .text-transparent) { color: #111; }
cuerpocentro.claro-pagina--laboral :is([class*="text-emerald-"], [class*="text-green-"]) { color: #365B27; }
cuerpocentro.claro-pagina--laboral :is([class*="text-amber-"], [class*="text-yellow-"]) { color: #795100; }
cuerpocentro.claro-pagina--laboral :is([class*="text-rose-"], [class*="text-red-"]) { color: #9D2424; }
cuerpocentro.claro-pagina--laboral :is([class*="text-blue-"], [class*="text-cyan-"], [class*="text-brand-"], [class*="text-indigo-"]) { color: #03448D; }
cuerpocentro.claro-pagina--laboral :is([class*="bg-gradient-"], [class*="bg-[radial-gradient"]) { background-image: none; }
cuerpocentro.claro-pagina--laboral .pointer-events-none[class*="absolute"][class*="bg-"] { background: transparent; box-shadow: none; }
cuerpocentro.claro-pagina--laboral :is(.shadow-2xl, .shadow-xl, .glow-crimson, .glow-celestial) { box-shadow: 0 5px 20px #66232505; }
cuerpocentro.claro-pagina--laboral :is(.rounded-2xl, .rounded-xl) { border-radius: 14px; }
cuerpocentro.claro-pagina--laboral :is(header, .mh-hero) { background: transparent; }
cuerpocentro.claro-pagina--laboral aside { display: block; float: none; clear: none; width: 100%; margin: 0; }
cuerpocentro.claro-pagina--laboral :is(h1, h1[class]) {
    font: 600 clamp(30px, 3vw, 48px)/1.15 var(--cl-fuente); color: var(--cl-titulo);
    text-align: center; letter-spacing: -.045em; background: none; margin: 0 0 12px;
}
cuerpocentro.claro-pagina--laboral :is(h2, h2[class]) {
    font: 600 clamp(21px, 1.65vw, 27px)/1.35 var(--cl-fuente); color: var(--cl-caoba);
    text-transform: none; letter-spacing: -.025em;
}
cuerpocentro.claro-pagina--laboral :is(h3, h3[class]) { font-family: var(--cl-fuente); color: var(--cl-caoba); letter-spacing: normal; }
cuerpocentro.claro-pagina--laboral :is(.planificador-cambria, .cambria-tool-container, .font-cambria) h2 { margin: 0 0 16px; }
cuerpocentro.claro-pagina--laboral :is(.planificador-cambria, .cambria-tool-container, .font-cambria) h3 { margin: 0 0 12px; }
cuerpocentro.claro-pagina--laboral :is(input[type="text"], input[type="search"]) { text-align: left; }
cuerpocentro.claro-pagina--astro .font-cambria input#searchDestino { padding-left: 36px; }
cuerpocentro.claro-pagina--laboral :is(input:not([type="range"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):not([type="button"]):not([type="submit"]), select, textarea) {
    background: var(--cl-papel); color: #111; border-color: #B8AD9B; border-radius: 7px;
    font-family: var(--cl-fuente); max-width: 100%;
}
cuerpocentro.claro-pagina--laboral :is(input[type="range"], input[type="checkbox"], input[type="radio"]) { accent-color: var(--cl-verde); }
cuerpocentro.claro-pagina--laboral input[type="range"] { min-height: 0; padding: 0; border: 0; box-shadow: none; }
cuerpocentro.claro-pagina--laboral .leaflet-control :is(a, button) { min-height: 30px; padding: 0; font: bold 22px/30px Arial, sans-serif; background: #FFF; color: #111; box-shadow: none; }
cuerpocentro.claro-pagina--laboral :is(button, input[type="button"], input[type="submit"]) {
    background: #0555B0; color: #FFF; border: 1px solid #03448D;
    border-radius: 8px; font-family: var(--cl-fuente); min-height: 38px;
    box-shadow: 0 3px 0 #03356E, 0 5px 7px #00000020;
}
cuerpocentro.claro-pagina--laboral :is(button, input[type="button"], input[type="submit"]):hover { background: #03448D; color: #FFF; }
cuerpocentro.claro-pagina--laboral :is(button, input[type="button"], input[type="submit"]):active {
    transform: translateY(3px); box-shadow: inset 0 2px 4px #00000040;
}
cuerpocentro.claro-pagina--laboral button :is(span, i, svg, [class*="text-"]) { color: inherit; }
cuerpocentro.claro-pagina--laboral button:disabled { opacity: .55; cursor: default; box-shadow: none; }
cuerpocentro.claro-pagina--laboral :is(.tab-btn, .material-btn, .mh-station-item) {
    background: var(--cl-papel); color: #111; border-color: var(--cl-borde); box-shadow: none;
}
cuerpocentro.claro-pagina--laboral :is(.tab-btn.active, .material-btn.active, .mh-station-item.is-active) {
    background: var(--cl-verde-suave); color: #365B27; border-color: var(--cl-verde);
}
cuerpocentro.claro-pagina--laboral #kpi-reliability-bar { background: var(--cl-verde); }
cuerpocentro.claro-pagina--laboral :is(.tab-btn, .material-btn, .mh-station-item):hover { background: var(--cl-crema); color: #111; }
cuerpocentro.claro-pagina--laboral :is(.lista-sugerencias-ciudad, .opcion-sugerencia-ciudad) { background: var(--cl-papel); color: #111; border-color: var(--cl-borde); box-shadow: none; }
cuerpocentro.claro-pagina--laboral .opcion-sugerencia-ciudad:is(:hover, .activa) { background: var(--cl-crema); color: #111; }
cuerpocentro.claro-pagina--laboral .mensaje-sugerencias-ciudad { color: var(--cl-texto); }
cuerpocentro.claro-pagina--laboral :is(.mh-panel, .mh-stat, .mh-detail-card, .mh-empty, .mh-error, .mh-chip, .mh-chart-wrap) {
    background: var(--cl-papel); color: #111; border-color: var(--cl-borde);
}
cuerpocentro.claro-pagina--laboral :is(.mh-stat, .mh-detail-card) { background: var(--cl-crema); }
cuerpocentro.claro-pagina--laboral :is(.mh-stat, .mh-detail-card, .mh-station-title) strong { color: #111; }
cuerpocentro.claro-pagina--laboral :is(.mh-stat span, .mh-detail-card span, .mh-detail-card small, .mh-detail-header p, .mh-station-meta, #mh-progress-label) { color: var(--cl-texto) !important; }
cuerpocentro.claro-pagina--laboral .mh-source-badge { background: var(--cl-verde-suave); color: #365B27; border-color: var(--cl-verde); }
cuerpocentro.claro-pagina--laboral :is(.mh-panel h2, .mh-panel h3, .mh-detail-header h2) { color: var(--cl-caoba); }
cuerpocentro.claro-pagina--laboral .mh-hero h1 { color: var(--cl-titulo); }
cuerpocentro.claro-pagina--laboral .mh-icon { background: var(--cl-crema); border-color: var(--cl-borde); }
cuerpocentro.claro-pagina--laboral .mh-icon svg { stroke: var(--cl-verde); }
cuerpocentro.claro-pagina--laboral .mh-error { color: #9D2424; border-color: #9D2424; }
cuerpocentro.claro-pagina--laboral .mh-progress-wrap { background: var(--cl-crema); border-color: var(--cl-borde); }
cuerpocentro.claro-pagina--laboral .mh-progress-bar { background: var(--cl-verde); }
cuerpocentro.claro-pagina--laboral :is(.mh-table, .mh-table td) { background: var(--cl-papel); color: #111; border-color: var(--cl-borde); }
cuerpocentro.claro-pagina--laboral .mh-table th { background: #E4D9C7; color: var(--cl-caoba); }
cuerpocentro.claro-pagina--laboral #mh-map { border-color: var(--cl-borde); }
cuerpocentro.claro-pagina--laboral .mh-layout { grid-template-columns: minmax(0, 1fr); }
cuerpocentro.claro-pagina--laboral .mh-layout > aside { min-width: 0; }
cuerpocentro.claro-pagina--laboral .mh-stats { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
cuerpocentro.claro-pagina--laboral .mh-detail-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
@container (min-width: 850px) {
    cuerpocentro.claro-pagina--laboral .mh-layout { grid-template-columns: minmax(270px, .8fr) minmax(0, 1.2fr); }
}
@container (max-width: 850px) {
    cuerpocentro.claro-pagina--laboral .grid[class*="lg:grid-cols-12"] { grid-template-columns: minmax(0, 1fr); }
    cuerpocentro.claro-pagina--laboral [class*="lg:col-span-"] { grid-column: auto; }
    cuerpocentro.claro-pagina--laboral .flex[class*="xl:flex-row"] { flex-direction: column; }
    cuerpocentro.claro-pagina--laboral [class*="xl:w-["] { width: 100%; }
}
cuerpocentro.claro-pagina--laboral :is(.custom-scrollbar, .mh-station-list) { scrollbar-color: #B8AD9B var(--cl-crema); }
cuerpocentro.claro-pagina--laboral .custom-scrollbar::-webkit-scrollbar-track { background: var(--cl-crema); }
cuerpocentro.claro-pagina--laboral .custom-scrollbar::-webkit-scrollbar-thumb { background: #B8AD9B; }
cuerpocentro.claro-pagina--laboral :is(.led-text, .led-yellow, .led-red, .led-green) { text-shadow: none; }
cuerpocentro.claro-pagina--laboral .led-yellow { color: #795100; }
cuerpocentro.claro-pagina--laboral .led-red { color: #9D2424; }
cuerpocentro.claro-pagina--laboral .led-green { color: #365B27; }
cuerpocentro.claro-pagina--laboral .claro-ancla { display: block; scroll-margin-top: 20px; }
cuerpocentro.claro-pagina--laboral .claro-resultados :is(.recomendaciones, .segundotitulo) { font: inherit; color: #111; }
cuerpocentro.claro-pagina--laboral .claro-resultados :is(#mostrar_letras, #mostrar_cuil_guiones, #mostrar_cuil_singuiones) { font-weight: 700; }
cuerpocentro.claro-pagina--laboral .claro-grafico-cabecera { margin-bottom: 16px; }
cuerpocentro.claro-pagina--laboral .claro-grafico-acciones button {
    min-height: 36px; padding: 7px 12px; border: 1px solid var(--cl-borde);
    border-radius: 6px; background: var(--cl-crema); color: #111; box-shadow: none;
}
cuerpocentro.claro-pagina--laboral .claro-grafico-leyenda button {
    min-height: 34px; padding: 5px 8px; border: 1px solid transparent;
    border-radius: 6px; background: transparent; color: #111; box-shadow: none;
}
cuerpocentro.claro-pagina--laboral :is(.claro-grafico-acciones, .claro-grafico-leyenda) button:hover { background: #E4D9C7; color: #111; border-color: #B8AD9B; }
cuerpocentro.claro-pagina--laboral .claro-grafico-leyenda button[aria-pressed="false"] { color: #53585E; text-decoration: line-through; }
cuerpocentro.claro-pagina--laboral .claro-grafico-viewport { position: relative; min-width: 0; width: 100%; height: 330px; background: var(--cl-papel); }
cuerpocentro.claro-pagina--laboral [data-claro-grafico] [hidden] { display: none !important; }
cuerpocentro.claro-pagina--diagnostico { float: none; margin: 24px auto; width: min(100%, 960px); min-height: 0; }
cuerpocentro.claro-pagina--diagnostico pre { background: var(--cl-crema); padding: 16px; border-radius: 8px; overflow: auto; }
@media (max-width: 769px) {
    cuerpocentro.claro-pagina--laboral :is(.mh-title-wrap, .mh-hero) { flex-wrap: wrap; }
    cuerpocentro.claro-pagina--laboral #monitor-hidrico-root { padding: 12px; }
    cuerpocentro.claro-pagina--laboral .claro-grafico-viewport { height: 300px; }
}


/* Indicadores económicos: diseño compartido con Estética y LECAP. */
cuerpocentro.claro-indicadores--indicadores-economicos #map{
            border: 1px solid #ccc;
            background-color: #a7c7e7; 
        }
cuerpocentro.claro-indicadores--indicadores-economicos .country{
            stroke: #333;
            stroke-width: 0.25px;
        }
cuerpocentro.claro-indicadores--indicadores-economicos .country:hover{
            stroke: #000;
            stroke-width: 1.5px;
        }
body:has(cuerpocentro.claro-indicadores--indicadores-economicos) .tooltip{
            position: absolute;
            text-align: center;
            width: auto;
            height: auto;
            padding: 8px;
            font: 12px sans-serif;
            background: rgba(255, 255, 255, 0.95);
            border: 1px solid #ccc;
            border-radius: 8px;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.2s;
        }


/* Presentación de saldos-monetarios. */
cuerpocentro.claro-indicadores--saldos-monetarios #saldos-app-container{
        font-family: system-ui, -apple-system, sans-serif;
    }
cuerpocentro.claro-indicadores--saldos-monetarios #saldos-app-container .table-row-selected{ background-color: #dbeafe !important; border-left: 4px solid #2563eb; }
cuerpocentro.claro-indicadores--saldos-monetarios #saldos-app-container .table-row-hover:hover{ background-color: #eff6ff; cursor: pointer; }
cuerpocentro.claro-indicadores--saldos-monetarios #saldos-app-container .custom-scrollbar::-webkit-scrollbar{ width: 8px; height: 8px; }
cuerpocentro.claro-indicadores--saldos-monetarios #saldos-app-container .custom-scrollbar::-webkit-scrollbar-track{ background: #f1f5f9; }
cuerpocentro.claro-indicadores--saldos-monetarios #saldos-app-container .custom-scrollbar::-webkit-scrollbar-thumb{ background: #cbd5e1; border-radius: 4px; }
cuerpocentro.claro-indicadores--saldos-monetarios #saldos-app-container .custom-scrollbar::-webkit-scrollbar-thumb:hover{ background: #94a3b8; }
cuerpocentro.claro-indicadores--saldos-monetarios #saldos-app-container .fade-in{ animation: indicadores-fadeIn 0.3s ease-in-out forwards; }
cuerpocentro.claro-indicadores--saldos-monetarios #saldos-app-container .spinner-container{
        display: none;
        text-align: center;
        margin: 30px auto;
    }
cuerpocentro.claro-indicadores--saldos-monetarios #saldos-app-container #chart-loader .spinner-container{
        display: block;
    }
cuerpocentro.claro-indicadores--saldos-monetarios #saldos-app-container .spinner{
        width: 60px;
        height: 60px;
        border: 10px solid lightgreen;
        border-top: 10px solid darkgreen;
        border-radius: 50%;
        animation: indicadores-spin 1s linear infinite;
        margin: 0 auto;
    }
@keyframes indicadores-fadeIn{ from { opacity: 0; } to { opacity: 1; } }
@keyframes indicadores-spin{
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }



/* Presentación de tasas. */
cuerpocentro.claro-indicadores--tasas #tasas-app-container{
        font-family: system-ui, -apple-system, sans-serif;
    }
cuerpocentro.claro-indicadores--tasas #tasas-app-container .table-row-selected{ background-color: #dbeafe !important; border-left: 4px solid #2563eb; }
cuerpocentro.claro-indicadores--tasas #tasas-app-container .table-row-hover:hover{ background-color: #eff6ff; cursor: pointer; }
cuerpocentro.claro-indicadores--tasas #tasas-app-container .custom-scrollbar::-webkit-scrollbar{ width: 8px; height: 8px; }
cuerpocentro.claro-indicadores--tasas #tasas-app-container .custom-scrollbar::-webkit-scrollbar-track{ background: #f1f5f9; }
cuerpocentro.claro-indicadores--tasas #tasas-app-container .custom-scrollbar::-webkit-scrollbar-thumb{ background: #cbd5e1; border-radius: 4px; }
cuerpocentro.claro-indicadores--tasas #tasas-app-container .custom-scrollbar::-webkit-scrollbar-thumb:hover{ background: #94a3b8; }
cuerpocentro.claro-indicadores--tasas #tasas-app-container .fade-in{ animation: indicadores-fadeIn 0.3s ease-in-out forwards; }
cuerpocentro.claro-indicadores--tasas #tasas-app-container .spinner-container{
        display: none;
        text-align: center;
        margin: 30px auto;
    }
cuerpocentro.claro-indicadores--tasas #tasas-app-container #chart-loader .spinner-container{
        display: block;
    }
cuerpocentro.claro-indicadores--tasas #tasas-app-container .spinner{
        width: 60px;
        height: 60px;
        border: 10px solid lightgreen;
        border-top: 10px solid darkgreen;
        border-radius: 50%;
        animation: indicadores-spin 1s linear infinite;
        margin: 0 auto;
    }
@keyframes indicadores-fadeIn{ from { opacity: 0; } to { opacity: 1; } }
@keyframes indicadores-spin{
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }



/* Presentación de internacional. */
cuerpocentro.claro-indicadores--internacional{
    --intl-green-900: #14532d;
    --intl-green-700: #15803d;
    --intl-green-600: #16a34a;
    --intl-green-100: #dcfce7;
    --intl-green-50: #f0fdf4;
    --intl-slate-950: #0f172a;
    --intl-slate-800: #1e293b;
    --intl-slate-700: #334155;
    --intl-slate-600: #475569;
    --intl-slate-500: #64748b;
    --intl-slate-400: #94a3b8;
    --intl-slate-300: #cbd5e1;
    --intl-slate-200: #e2e8f0;
    --intl-slate-100: #f1f5f9;
    --intl-slate-50: #f8fafc;
    --intl-amber-800: #92400e;
    --intl-amber-100: #fef3c7;
    --intl-red-700: #b91c1c;
    --intl-red-50: #fef2f2;
}
cuerpocentro.claro-indicadores--internacional #internacional-app-container,
cuerpocentro.claro-indicadores--internacional #internacional-app-container *{
    box-sizing: border-box;
}
cuerpocentro.claro-indicadores--internacional #internacional-app-container{
    width: 100%;
    margin: 18px auto;
    padding: 14px;
    color: var(--intl-slate-800);
    background: var(--intl-slate-50);
    border: 1px solid var(--intl-slate-200);
    border-radius: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.45;
}
cuerpocentro.claro-indicadores--internacional .intl-intro{
    margin: 0 0 14px;
    color: var(--intl-slate-600);
    font-size: 0.96rem;
}
cuerpocentro.claro-indicadores--internacional .intl-tabs{
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 8px;
    margin-bottom: 14px;
    background: var(--intl-slate-100);
    border: 1px solid var(--intl-slate-200);
    border-radius: 12px;
    scrollbar-width: thin;
}
cuerpocentro.claro-indicadores--internacional .intl-tab,
cuerpocentro.claro-indicadores--internacional .intl-period-button,
cuerpocentro.claro-indicadores--internacional .intl-action-button,
cuerpocentro.claro-indicadores--internacional .intl-retry-button{
    appearance: none;
    border: 1px solid transparent;
    border-radius: 9px;
    font: inherit;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
cuerpocentro.claro-indicadores--internacional .intl-tab{
    flex: 0 0 auto;
    padding: 9px 13px;
    color: var(--intl-slate-600);
    background: transparent;
    font-size: 0.86rem;
    font-weight: 700;
    white-space: nowrap;
}
cuerpocentro.claro-indicadores--internacional .intl-tab:hover,
cuerpocentro.claro-indicadores--internacional .intl-tab:focus-visible{
    color: var(--intl-slate-900);
    background: #fff;
}
cuerpocentro.claro-indicadores--internacional .intl-tab.is-active{
    color: var(--intl-green-700);
    background: #fff;
    border-color: var(--intl-slate-200);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
cuerpocentro.claro-indicadores--internacional .intl-card{
    position: relative;
    margin-bottom: 18px;
    padding: 18px;
    background: #fff;
    border: 1px solid var(--intl-slate-200);
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
}
cuerpocentro.claro-indicadores--internacional .intl-report-header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}
cuerpocentro.claro-indicadores--internacional .intl-title-block{
    min-width: 0;
    flex: 1;
}
cuerpocentro.claro-indicadores--internacional .intl-title-line{
    display: flex;
    align-items: center;
    gap: 9px;
}
cuerpocentro.claro-indicadores--internacional .intl-flag{
    display: none;
    width: 32px;
    height: 24px;
    object-fit: cover;
    border: 1px solid var(--intl-slate-200);
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
cuerpocentro.claro-indicadores--internacional .intl-flag.is-visible{
    display: inline-block;
}
cuerpocentro.claro-indicadores--internacional #chart-desc{
    margin: 0;
    color: var(--intl-slate-800);
    font-size: clamp(1.14rem, 2.2vw, 1.55rem);
    line-height: 1.25;
}
cuerpocentro.claro-indicadores--internacional .intl-subtitle{
    margin: 6px 0 0;
    color: var(--intl-slate-500);
    font-size: 0.82rem;
}
cuerpocentro.claro-indicadores--internacional .intl-controls-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 13px;
}
cuerpocentro.claro-indicadores--internacional .intl-periods,
cuerpocentro.claro-indicadores--internacional .intl-actions{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
cuerpocentro.claro-indicadores--internacional .intl-periods{
    padding: 4px;
    background: var(--intl-slate-100);
    border-radius: 10px;
}
cuerpocentro.claro-indicadores--internacional .intl-period-button{
    padding: 7px 11px;
    color: var(--intl-slate-600);
    background: transparent;
    font-size: 0.78rem;
    font-weight: 700;
}
cuerpocentro.claro-indicadores--internacional .intl-period-button:hover,
cuerpocentro.claro-indicadores--internacional .intl-period-button:focus-visible{
    background: var(--intl-slate-200);
}
cuerpocentro.claro-indicadores--internacional .intl-period-button.is-active{
    color: var(--intl-green-700);
    background: #fff;
    border-color: var(--intl-slate-200);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
cuerpocentro.claro-indicadores--internacional .intl-period-button[hidden]{
    display: none !important;
}
cuerpocentro.claro-indicadores--internacional .intl-action-button{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 7px 11px;
    color: var(--intl-slate-700);
    background: #fff;
    border-color: var(--intl-slate-300);
    font-size: 0.78rem;
    font-weight: 750;
}
cuerpocentro.claro-indicadores--internacional .intl-action-button:hover,
cuerpocentro.claro-indicadores--internacional .intl-action-button:focus-visible{
    color: var(--intl-green-900);
    border-color: var(--intl-green-600);
    background: var(--intl-green-50);
}
cuerpocentro.claro-indicadores--internacional .intl-action-button:disabled{
    opacity: 0.55;
    cursor: wait;
}
cuerpocentro.claro-indicadores--internacional .intl-latest-box{
    flex: 0 0 auto;
    min-width: 205px;
    padding: 13px 15px;
    text-align: right;
    background: var(--intl-slate-50);
    border: 1px solid var(--intl-slate-200);
    border-radius: 12px;
}
cuerpocentro.claro-indicadores--internacional .intl-latest-label{
    margin: 0 0 3px;
    color: var(--intl-slate-500);
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
cuerpocentro.claro-indicadores--internacional .intl-latest-value-row{
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 6px;
}
cuerpocentro.claro-indicadores--internacional #chart-value{
    color: var(--intl-slate-900);
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 900;
    letter-spacing: -0.03em;
}
cuerpocentro.claro-indicadores--internacional #chart-unit{
    max-width: 115px;
    padding: 2px 5px;
    color: var(--intl-slate-600);
    background: var(--intl-slate-200);
    border-radius: 5px;
    font-size: 0.68rem;
    font-weight: 800;
}
cuerpocentro.claro-indicadores--internacional #chart-source-link{
    display: inline-block;
    margin-top: 5px;
    color: var(--intl-slate-500);
    font-size: 0.69rem;
    font-style: italic;
    text-decoration: none;
}
cuerpocentro.claro-indicadores--internacional #chart-source-link:hover,
cuerpocentro.claro-indicadores--internacional #chart-source-link:focus-visible{
    color: var(--intl-green-700);
    text-decoration: underline;
}
cuerpocentro.claro-indicadores--internacional .intl-analysis-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0;
}
cuerpocentro.claro-indicadores--internacional .intl-metric{
    min-width: 0;
    padding: 12px;
    background: var(--intl-slate-50);
    border: 1px solid var(--intl-slate-200);
    border-radius: 11px;
}
cuerpocentro.claro-indicadores--internacional .intl-metric-label{
    display: block;
    margin-bottom: 3px;
    color: var(--intl-slate-500);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
cuerpocentro.claro-indicadores--internacional .intl-metric-value{
    display: block;
    overflow: hidden;
    color: var(--intl-slate-800);
    font-size: 1rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}
cuerpocentro.claro-indicadores--internacional .intl-metric-detail{
    display: block;
    margin-top: 2px;
    color: var(--intl-slate-500);
    font-size: 0.7rem;
}
cuerpocentro.claro-indicadores--internacional .intl-metric.is-positive .intl-metric-value{ color: var(--intl-green-700); }
cuerpocentro.claro-indicadores--internacional .intl-metric.is-negative .intl-metric-value{ color: var(--intl-red-700); }
cuerpocentro.claro-indicadores--internacional .intl-analysis-text{
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(250px, 1fr);
    gap: 10px;
    margin-bottom: 12px;
}
cuerpocentro.claro-indicadores--internacional .intl-analysis-panel{
    padding: 12px 14px;
    border-radius: 10px;
}
cuerpocentro.claro-indicadores--internacional .intl-analysis-panel :is(h3, h4){
    margin: 0 0 5px;
    font-size: 0.84rem;
}
cuerpocentro.claro-indicadores--internacional .intl-analysis-panel p{
    margin: 0;
    font-size: 0.82rem;
}
cuerpocentro.claro-indicadores--internacional .intl-analysis-main{
    color: var(--intl-slate-700);
    background: var(--intl-green-50);
    border: 1px solid #bbf7d0;
}
cuerpocentro.claro-indicadores--internacional .intl-analysis-main h4{ color: var(--intl-green-900); }
cuerpocentro.claro-indicadores--internacional .intl-analysis-note{
    color: var(--intl-amber-800);
    background: #fffbeb;
    border: 1px solid var(--intl-amber-100);
}
cuerpocentro.claro-indicadores--internacional .intl-chart-wrap{
    position: relative;
    width: 100%;
    height: 390px;
}
cuerpocentro.claro-indicadores--internacional .intl-loader,
cuerpocentro.claro-indicadores--internacional .intl-error-panel{
    position: absolute;
    inset: 0;
    z-index: 20;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 14px;
}
cuerpocentro.claro-indicadores--internacional .intl-loader.is-visible,
cuerpocentro.claro-indicadores--internacional .intl-error-panel.is-visible{
    display: flex;
}
cuerpocentro.claro-indicadores--internacional .intl-spinner{
    width: 48px;
    height: 48px;
    border: 8px solid #bbf7d0;
    border-top-color: var(--intl-green-700);
    border-radius: 50%;
    animation: intl-spin 0.8s linear infinite;
}
@keyframes intl-spin{
    to { transform: rotate(360deg); }
}
cuerpocentro.claro-indicadores--internacional .intl-error-box{
    max-width: 520px;
    padding: 18px;
    text-align: center;
    color: var(--intl-amber-800);
    background: #fffbeb;
    border: 1px solid var(--intl-amber-100);
    border-radius: 12px;
}
cuerpocentro.claro-indicadores--internacional .intl-error-box p{ margin: 0 0 10px; }
cuerpocentro.claro-indicadores--internacional .intl-retry-button{
    padding: 7px 12px;
    color: #fff;
    background: var(--intl-green-700);
    font-weight: 700;
}
cuerpocentro.claro-indicadores--internacional .intl-print-source{
    display: none;
    margin-top: 10px;
    padding-top: 8px;
    color: var(--intl-slate-500);
    border-top: 1px solid var(--intl-slate-200);
    font-size: 9pt;
}
cuerpocentro.claro-indicadores--internacional .intl-table-card{
    padding: 0;
    overflow: hidden;
}
cuerpocentro.claro-indicadores--internacional .intl-table-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 15px;
    background: var(--intl-slate-50);
    border-bottom: 1px solid var(--intl-slate-200);
}
cuerpocentro.claro-indicadores--internacional .intl-table-header h2{
    margin: 0;
    color: var(--intl-slate-700);
    font-size: 1rem;
}
cuerpocentro.claro-indicadores--internacional .intl-table-help{
    padding: 5px 9px;
    color: var(--intl-green-700);
    background: var(--intl-green-50);
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}
cuerpocentro.claro-indicadores--internacional .intl-table-wrap{
    position: relative;
    max-height: 600px;
    overflow: auto;
    scrollbar-width: thin;
}
cuerpocentro.claro-indicadores--internacional .intl-table{
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
    color: var(--intl-slate-600);
    font-size: 0.82rem;
}
cuerpocentro.claro-indicadores--internacional .intl-table th,
cuerpocentro.claro-indicadores--internacional .intl-table td{
    padding: 9px 10px;
    text-align: center;
    border-right: 1px solid var(--intl-slate-100);
    border-bottom: 1px solid var(--intl-slate-100);
}
cuerpocentro.claro-indicadores--internacional .intl-table thead th{
    position: sticky;
    top: 0;
    z-index: 5;
    color: var(--intl-slate-600);
    background: var(--intl-slate-100);
    border-bottom-color: var(--intl-slate-200);
    font-size: 0.68rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
cuerpocentro.claro-indicadores--internacional .intl-sort-button{
    width: 100%;
    padding: 0;
    color: inherit;
    background: none;
    border: 0;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}
cuerpocentro.claro-indicadores--internacional .intl-sort-button::after{
    content: " ↕";
    opacity: 0.45;
}
cuerpocentro.claro-indicadores--internacional .intl-table th[aria-sort="ascending"] .intl-sort-button::after{ content: " ↑"; opacity: 1; }
cuerpocentro.claro-indicadores--internacional .intl-table th[aria-sort="descending"] .intl-sort-button::after{ content: " ↓"; opacity: 1; }
cuerpocentro.claro-indicadores--internacional .intl-country-cell{
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 190px;
    text-align: left !important;
    background: #fff;
}
cuerpocentro.claro-indicadores--internacional .intl-country-content{
    display: flex;
    align-items: center;
    gap: 8px;
}
cuerpocentro.claro-indicadores--internacional .intl-country-content img{
    width: 24px;
    height: 18px;
    object-fit: cover;
    border: 1px solid var(--intl-slate-200);
    border-radius: 2px;
}
cuerpocentro.claro-indicadores--internacional .intl-country-name{
    color: var(--intl-slate-700);
    font-weight: 750;
    white-space: nowrap;
}
cuerpocentro.claro-indicadores--internacional .intl-table tbody tr{
    background: #fff;
    cursor: pointer;
}
cuerpocentro.claro-indicadores--internacional .intl-table tbody tr:hover td,
cuerpocentro.claro-indicadores--internacional .intl-table tbody tr:focus td{
    background: var(--intl-slate-50);
}
cuerpocentro.claro-indicadores--internacional .intl-table tbody tr:hover .intl-country-cell,
cuerpocentro.claro-indicadores--internacional .intl-table tbody tr:focus .intl-country-cell{
    background: var(--intl-slate-50);
}
cuerpocentro.claro-indicadores--internacional .intl-table tbody tr.is-selected td,
cuerpocentro.claro-indicadores--internacional .intl-table tbody tr.is-selected .intl-country-cell{
    background: var(--intl-green-50);
}
cuerpocentro.claro-indicadores--internacional .intl-table tbody tr.is-selected .intl-country-cell{
    box-shadow: inset 4px 0 0 var(--intl-green-600);
}
cuerpocentro.claro-indicadores--internacional .intl-cell-value{
    color: var(--intl-slate-500);
    font-variant-numeric: tabular-nums;
}
cuerpocentro.claro-indicadores--internacional .intl-cell-value.has-data{
    color: var(--intl-slate-700);
    font-weight: 750;
}
cuerpocentro.claro-indicadores--internacional .intl-cell-date{
    margin-top: 2px;
    color: var(--intl-slate-400);
    font-size: 0.66rem;
}
cuerpocentro.claro-indicadores--internacional .intl-active-column{
    background: var(--intl-green-50) !important;
}
cuerpocentro.claro-indicadores--internacional .intl-table-note{
    margin: 0;
    padding: 10px 15px 14px;
    color: var(--intl-amber-800);
    font-size: 0.72rem;
}
cuerpocentro.claro-indicadores--internacional #table-status{
    color: var(--intl-slate-500);
    font-size: 0.7rem;
}
cuerpocentro.claro-indicadores--internacional .intl-explanations{
    margin-top: 20px;
    padding: 18px;
    background: #fff;
    border: 1px solid var(--intl-slate-200);
    border-radius: 14px;
}
cuerpocentro.claro-indicadores--internacional .intl-explanations h2{
    margin: 0 0 7px;
    color: var(--intl-slate-800);
    font-size: 1.15rem;
}
cuerpocentro.claro-indicadores--internacional .intl-explanations > p{
    margin: 0 0 14px;
    color: var(--intl-slate-600);
    font-size: 0.85rem;
}
cuerpocentro.claro-indicadores--internacional .intl-explanation-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}
cuerpocentro.claro-indicadores--internacional .intl-explanation{
    padding: 13px;
    background: var(--intl-slate-50);
    border: 1px solid var(--intl-slate-200);
    border-radius: 10px;
}
cuerpocentro.claro-indicadores--internacional .intl-explanation h3{
    margin: 0 0 5px;
    color: var(--intl-green-900);
    font-size: 0.9rem;
}
cuerpocentro.claro-indicadores--internacional .intl-explanation p{
    margin: 0;
    color: var(--intl-slate-600);
    font-size: 0.79rem;
}
cuerpocentro.claro-indicadores--internacional .intl-explanation p + p{ margin-top: 5px; }
cuerpocentro.claro-indicadores--internacional .intl-methodology{
    margin-top: 12px;
    padding: 11px 13px;
    color: var(--intl-slate-600);
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 9px;
    font-size: 0.77rem;
}
cuerpocentro.claro-indicadores--internacional .intl-visually-hidden{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
@media (max-width: 900px){cuerpocentro.claro-indicadores--internacional .intl-report-header{ flex-direction: column; }
cuerpocentro.claro-indicadores--internacional .intl-latest-box{ width: 100%; text-align: left; }
cuerpocentro.claro-indicadores--internacional .intl-latest-value-row{ justify-content: flex-start; }
cuerpocentro.claro-indicadores--internacional .intl-analysis-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
cuerpocentro.claro-indicadores--internacional .intl-analysis-text{ grid-template-columns: 1fr; }
cuerpocentro.claro-indicadores--internacional .intl-explanation-grid{ grid-template-columns: 1fr; }

}
@media (max-width: 560px){cuerpocentro.claro-indicadores--internacional #internacional-app-container{ padding: 9px; border-radius: 11px; }
cuerpocentro.claro-indicadores--internacional .intl-card{ padding: 13px; }
cuerpocentro.claro-indicadores--internacional .intl-controls-row{ align-items: stretch; }
cuerpocentro.claro-indicadores--internacional .intl-actions{ width: 100%; }
cuerpocentro.claro-indicadores--internacional .intl-action-button{ flex: 1 1 auto; justify-content: center; }
cuerpocentro.claro-indicadores--internacional .intl-analysis-grid{ grid-template-columns: 1fr; }
cuerpocentro.claro-indicadores--internacional .intl-chart-wrap{ height: 320px; }
cuerpocentro.claro-indicadores--internacional .intl-table-header{ align-items: flex-start; flex-direction: column; }

}
@media (prefers-reduced-motion: reduce){cuerpocentro.claro-indicadores--internacional #internacional-app-container *{
        scroll-behavior: auto !important;
        transition: none !important;
    }
cuerpocentro.claro-indicadores--internacional .intl-spinner{ animation-duration: 1.6s; }

}
@media print{@page intl-report{
        size: A4 landscape;
        margin: 10mm;
    }
cuerpocentro.claro-indicadores--internacional body{
        margin: 0 !important;
        background: #fff !important;
    }
cuerpocentro.claro-indicadores--internacional body > *{
        display: none !important;
    }
cuerpocentro.claro-indicadores--internacional body > cuerpocentro{
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
cuerpocentro.claro-indicadores--internacional cuerpocentro > *{
        display: none !important;
    }
cuerpocentro.claro-indicadores--internacional #internacional-app-container{
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        border: 0 !important;
        border-radius: 0 !important;
    }
cuerpocentro.claro-indicadores--internacional #international-report{
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        break-inside: avoid;
    }
cuerpocentro.claro-indicadores--internacional .intl-no-print,
cuerpocentro.claro-indicadores--internacional .intl-loader,
cuerpocentro.claro-indicadores--internacional .intl-error-panel{
        display: none !important;
    }
cuerpocentro.claro-indicadores--internacional .intl-report-header{ margin-bottom: 5mm; }
cuerpocentro.claro-indicadores--internacional .intl-latest-box{ background: #fff !important; }
cuerpocentro.claro-indicadores--internacional .intl-analysis-grid{ grid-template-columns: repeat(4, 1fr); gap: 3mm; }
cuerpocentro.claro-indicadores--internacional .intl-analysis-text{ grid-template-columns: 1.55fr 1fr; gap: 3mm; }
cuerpocentro.claro-indicadores--internacional .intl-chart-wrap{ height: 112mm !important; }
cuerpocentro.claro-indicadores--internacional .intl-print-source{ display: block !important; }
cuerpocentro.claro-indicadores--internacional #chart-source-link{
        color: #334155 !important;
        text-decoration: none !important;
    }
cuerpocentro.claro-indicadores--internacional canvas{
        max-width: 100% !important;
    }

}


/* Reglas acotadas a las diez páginas de indicadores. */
cuerpocentro.claro-pagina--indicadores #cuerpograficos {
    width: 100%; float: none; box-sizing: border-box; padding: 0; margin: 0;
    background: transparent; border: 0;
}
cuerpocentro.claro-pagina--indicadores .claro-indicador-titulo { margin: 30px 0 12px; }
cuerpocentro.claro-pagina--indicadores .claro-indicador-titulo :is(h2, h3) { margin: 0; }
cuerpocentro.claro-pagina--indicadores .claro-indicador-titulo .frases { color: inherit; font: inherit; }
cuerpocentro.claro-pagina--indicadores .claro-indicador-contenido { margin: 0 0 28px; color: #111; }
cuerpocentro.claro-pagina--indicadores paracuerpototal { display: block; width: 100%; padding: 0; border: 0; background: transparent; float: none; }
cuerpocentro.claro-pagina--indicadores .claro-filtro { max-width: 440px; margin: 0 auto 24px; }
cuerpocentro.claro-pagina--indicadores .claro-filtro table { width: 100%; }
cuerpocentro.claro-pagina--indicadores .claro-filtro select { max-width: 100%; }
cuerpocentro.claro-pagina--indicadores .claro-grafico { min-width: 0; text-align: left; }
cuerpocentro.claro-pagina--indicadores .claro-grafico-viewport {
    position: relative; min-width: 0; width: 100%; height: 380px; background: var(--cl-papel);
    padding: 0; margin: 12px 0; box-sizing: border-box;
}
cuerpocentro.claro-pagina--indicadores .claro-grafico-viewport canvas {
    width: 100% !important; height: 100% !important; max-height: none !important; padding: 0 !important;
    margin: 0 !important; background: transparent !important; min-height: 0 !important;
}
cuerpocentro.claro-pagina--indicadores .claro-grafico-viewport[hidden] { display: none; }
cuerpocentro.claro-pagina--indicadores .claro-grafico-leyenda button::before { background: var(--cl-serie-color); }
cuerpocentro.claro-pagina--indicadores .claro-grafico-leyenda button { white-space: normal; text-align: left; }
cuerpocentro.claro-pagina--indicadores .chart-container { width: 100%; padding: 0; background: transparent; box-shadow: none; }
cuerpocentro.claro-pagina--indicadores :is(.chart-container, td):has(> .claro-grafico) { min-height: 0 !important; height: auto !important; }
cuerpocentro.claro-pagina--indicadores :is(#message-box, .seb-data-unavailable) { padding: 12px; text-align: center; }
cuerpocentro.claro-pagina--indicadores :is(#tasas-app-container, #saldos-app-container, #internacional-app-container) {
    font-family: var(--cl-fuente); background: var(--cl-crema); color: #111; border-color: var(--cl-borde); box-shadow: none;
}
cuerpocentro.claro-pagina--indicadores :is(#tasas-app-container, #saldos-app-container) :is(.bg-white, .bg-slate-50, .bg-slate-100) {
    background-color: var(--cl-papel); border-color: var(--cl-borde); box-shadow: none;
}
cuerpocentro.claro-pagina--indicadores :is(#tasas-app-container, #saldos-app-container) :is(h2, h3) { font-family: var(--cl-fuente); color: var(--cl-caoba); }
cuerpocentro.claro-pagina--indicadores :is(.period-btn, .scale-btn, #btn-ML, #btn-ME) {
    background: var(--cl-crema); color: #111; border: 1px solid var(--cl-borde); border-radius: 6px; box-shadow: none;
}
cuerpocentro.claro-pagina--indicadores :is(.active-period, .active-scale, #btn-ML.text-blue-700, #btn-ME.text-green-700) {
    background: #E4D9C7; color: #111; border-color: #B8AD9B;
}
cuerpocentro.claro-pagina--indicadores :is(#tasas-app-container, #saldos-app-container) .table-row-selected > td { background: #D9EBCB !important; }
cuerpocentro.claro-pagina--indicadores :is(#tasas-app-container, #saldos-app-container) .spinner {
    width: 36px; height: 36px; border: 4px solid var(--cl-crema); border-top-color: var(--cl-terracota);
}
cuerpocentro.claro-pagina--indicadores :is(#chart-currency-bg, #chart-currency-icon) { background-color: var(--cl-verde); }
cuerpocentro.claro-pagina--indicadores .custom-scrollbar { scrollbar-color: #B8AD9B var(--cl-crema); }
cuerpocentro.claro-pagina--indicadores #internacional-app-container {
    --intl-green-900: #0B3D2B; --intl-green-700: #4C7C38; --intl-green-600: #4C7C38;
    --intl-green-100: #D9EBCB; --intl-green-50: #F6F1E8;
    --intl-slate-950: #111; --intl-slate-800: #111; --intl-slate-700: #662325;
    --intl-slate-600: #53585E; --intl-slate-500: #53585E; --intl-slate-400: #B8AD9B;
    --intl-slate-300: #B8AD9B; --intl-slate-200: #DCD2C2;
    --intl-slate-100: #F6F1E8; --intl-slate-50: #FFFCF7;
}
cuerpocentro.claro-pagina--indicadores #internacional-app-container .claro-grafico :is(button, p, span) { font-family: var(--cl-fuente); }
cuerpocentro.claro-pagina--indicadores .claro-filtro table { border: 0 !important; }
cuerpocentro.claro-pagina--indicadores :is(.intl-action-button, .intl-period-button) { min-height: 36px; padding: 7px 12px; font-size: 13px; }
cuerpocentro.claro-pagina--indicadores .flourish-embed { max-width: 100%; }
@media (max-width: 769px) {
    cuerpocentro.claro-pagina--indicadores .claro-grafico-viewport { height: 340px; }
    cuerpocentro.claro-pagina--indicadores .claro-filtro { padding: 12px; }
}
@media print {
    body:has(cuerpocentro.claro-indicadores--internacional) { page: intl-report; margin: 0 !important; background: #fff !important; }
    body:has(cuerpocentro.claro-indicadores--internacional) > * { display: none !important; }
    body:has(cuerpocentro.claro-indicadores--internacional) > cuerpocentro.claro-indicadores--internacional {
        display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; border: 0 !important;
    }
    cuerpocentro.claro-indicadores--internacional > * { display: none !important; }
    cuerpocentro.claro-pagina--indicadores .claro-grafico :is(.claro-grafico-acciones, .claro-grafico-leyenda, .claro-grafico-estado) { display: none; }
    cuerpocentro.claro-pagina--indicadores .claro-grafico-viewport { height: 112mm; }
}

/* Disposición propia de la herramienta de electricidad, acotada a su página. */

cuerpocentro.claro-compensaciones .seb-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 5px 14px 34px;
}
cuerpocentro.claro-compensaciones .seb-hero {
    background: linear-gradient(135deg, #102542 0%, #12355b 45%, #0f172a 100%);
    color: #fff;
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 18px 50px rgba(2, 8, 23, .22);
    border: 1px solid rgba(255,255,255,.12);
}
cuerpocentro.claro-compensaciones .seb-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(250, 204, 21, .12);
    color: #fde68a;
    border: 1px solid rgba(250, 204, 21, .28);
    border-radius: 999px;
    padding: 6px 11px;
    font-size: 13px;
    margin-bottom: 12px;
}
cuerpocentro.claro-compensaciones .seb-hero h1 {
    margin: 0;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.05;
}
cuerpocentro.claro-compensaciones .seb-hero p {
    color: #dbeafe;
    font-size: 17px;
    max-width: 900px;
    line-height: 1.55;
}
cuerpocentro.claro-compensaciones .seb-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin-top: 18px;
    align-items: start;
}
cuerpocentro.claro-compensaciones .seb-info-panel {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;
}
cuerpocentro.claro-compensaciones .seb-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}
cuerpocentro.claro-compensaciones .seb-note {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e3a8a;
    border-radius: 14px;
    padding: 12px;
    line-height: 1.5;
}
cuerpocentro.claro-compensaciones .seb-official-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 14px;
}
cuerpocentro.claro-compensaciones .seb-link-list a {
    color: #1d4ed8;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
cuerpocentro.claro-compensaciones .seb-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 10px 35px rgba(15, 23, 42, .08);
}
cuerpocentro.claro-compensaciones .seb-card h2, cuerpocentro.claro-compensaciones .seb-card h3 {
    margin-top: 0;
    color: #0f172a;
}
cuerpocentro.claro-compensaciones .seb-card h2 {
    font-size: 22px;
}
cuerpocentro.claro-compensaciones .seb-card h3 {
    font-size: 18px;
}
cuerpocentro.claro-compensaciones .seb-muted {
    color: #475569;
    line-height: 1.5;
}
cuerpocentro.claro-compensaciones .seb-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
cuerpocentro.claro-compensaciones .seb-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
cuerpocentro.claro-compensaciones .seb-field.full {
    grid-column: 1 / -1;
}
cuerpocentro.claro-compensaciones .seb-field label {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}
cuerpocentro.claro-compensaciones .seb-field input, cuerpocentro.claro-compensaciones .seb-field select, cuerpocentro.claro-compensaciones .seb-field textarea {
    width: 100%;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #0f172a;
    border-radius: 12px;
    padding: 10px 11px;
    font-size: 15px;
    box-sizing: border-box;
}
cuerpocentro.claro-compensaciones .seb-field input:focus, cuerpocentro.claro-compensaciones .seb-field select:focus, cuerpocentro.claro-compensaciones .seb-field textarea:focus {
    outline: 3px solid rgba(245, 158, 11, .22);
    border-color: #d97706;
    background: #fff;
}
cuerpocentro.claro-compensaciones .seb-help {
    font-size: 12px;
    color: #64748b;
}
cuerpocentro.claro-compensaciones .seb-section {
    border-top: 1px solid #e2e8f0;
    padding-top: 16px;
    margin-top: 16px;
}
cuerpocentro.claro-compensaciones .seb-event {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 10px;
    align-items: end;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 10px;
}
cuerpocentro.claro-compensaciones .seb-btn {
    border: 0;
    border-radius: 13px;
    padding: 11px 14px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: transform .08s ease, box-shadow .15s ease, background .15s ease;
}
cuerpocentro.claro-compensaciones .seb-btn:hover {
    transform: translateY(-1px);
}
cuerpocentro.claro-compensaciones .seb-btn-primary {
    background: #d97706;
    color: #fff;
    box-shadow: 0 10px 22px rgba(217, 119, 6, .23);
}
cuerpocentro.claro-compensaciones .seb-btn-secondary {
    background: #e2e8f0;
    color: #0f172a;
}
cuerpocentro.claro-compensaciones .seb-btn-danger {
    background: #fee2e2;
    color: #991b1b;
}
cuerpocentro.claro-compensaciones .seb-btn-ghost {
    background: #f8fafc;
    color: #334155;
    border: 1px solid #cbd5e1;
}
cuerpocentro.claro-compensaciones .seb-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}
cuerpocentro.claro-compensaciones .seb-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #713f12;
    border-radius: 14px;
    padding: 12px;
    line-height: 1.45;
}
cuerpocentro.claro-compensaciones .seb-checkbox input {
    margin-top: 4px;
}
cuerpocentro.claro-compensaciones .seb-result {
    display: none;
}
cuerpocentro.claro-compensaciones .seb-result.active {
    display: block;
}
cuerpocentro.claro-compensaciones #resultado.seb-card {
    background: #0f172a;
    border-color: #1e293b;
    color: #e2e8f0;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .28);
}
cuerpocentro.claro-compensaciones #resultado h2 {
    color: #ffffff;
    text-align: center;
    margin-bottom: 7px;
}
cuerpocentro.claro-compensaciones #resultado h3 {
    color: #f8fafc;
}
cuerpocentro.claro-compensaciones #resultado .seb-section {
    border-top-color: #334155;
}
cuerpocentro.claro-compensaciones #resultado .seb-list {
    color: #e2e8f0;
}
cuerpocentro.claro-compensaciones #resultado .seb-kpi {
    background: #111827;
    border-color: #334155;
}
cuerpocentro.claro-compensaciones #resultado .seb-kpi small {
    color: #cbd5e1;
}
cuerpocentro.claro-compensaciones #resultado .seb-kpi strong {
    color: #ffffff;
}
cuerpocentro.claro-compensaciones #resultado .seb-pill {
    background: #0e7490;
    border-color: #67e8f9;
    color: #ffffff;
}
cuerpocentro.claro-compensaciones #resultado .seb-ok {
    background: #052e1b;
    border-color: #22c55e;
    color: #dcfce7;
}
cuerpocentro.claro-compensaciones #resultado .seb-alert {
    background: #431407;
    border-color: #fb923c;
    color: #ffedd5;
}
cuerpocentro.claro-compensaciones .seb-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
cuerpocentro.claro-compensaciones .seb-kpi {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 12px;
}
cuerpocentro.claro-compensaciones .seb-kpi small {
    display: block;
    color: #64748b;
    font-size: 12px;
    margin-bottom: 4px;
}
cuerpocentro.claro-compensaciones .seb-kpi strong {
    color: #0f172a;
    font-size: 18px;
}
cuerpocentro.claro-compensaciones .seb-pill {
    display: inline-flex;
    align-items: center;
    background: #ecfeff;
    border: 1px solid #a5f3fc;
    color: #155e75;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 13px;
    margin: 3px 5px 3px 0;
}
cuerpocentro.claro-compensaciones .seb-alert {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #7c2d12;
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 10px;
    line-height: 1.45;
}
cuerpocentro.claro-compensaciones .seb-ok {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 10px;
    line-height: 1.45;
}
cuerpocentro.claro-compensaciones .seb-list {
    margin: 8px 0 0;
    padding-left: 20px;
}
cuerpocentro.claro-compensaciones .seb-list li {
    margin: 6px 0;
}
cuerpocentro.claro-compensaciones .seb-doc {
    display: block !important;
    width: 100% !important;
    min-height: 360px;
    max-height: 520px;
    box-sizing: border-box;
    white-space: pre-wrap !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    background: #f8fafc !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    padding: 14px;
    overflow: auto;
    line-height: 1.5;
    font-family: Cambria, Georgia, serif !important;
    font-size: 15px !important;
    resize: vertical;
    unicode-bidi: plaintext;
}
cuerpocentro.claro-compensaciones #resultado #documento-reclamo.seb-doc {
    color: #0f172a !important;
    background: #f8fafc !important;
}
cuerpocentro.claro-compensaciones .seb-loader {
    display: none;
    color: #92400e;
    font-weight: 700;
}
cuerpocentro.claro-compensaciones .seb-loader.active {
    display: block;
}
cuerpocentro.claro-compensaciones .seb-small-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
}
cuerpocentro.claro-compensaciones .seb-small-table th, cuerpocentro.claro-compensaciones .seb-small-table td {
    border: 1px solid #e2e8f0;
    padding: 9px;
    text-align: left;
    vertical-align: top;
}
cuerpocentro.claro-compensaciones .seb-small-table th {
    background: #0f172a;
    color: #fff;
}
cuerpocentro.claro-compensaciones .seb-small-table tr:nth-child(even) td {
    background: #f8fafc;
}
@media (max-width: 920px) {
cuerpocentro.claro-compensaciones .seb-grid, cuerpocentro.claro-compensaciones .seb-info-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 640px) {
cuerpocentro.claro-compensaciones .seb-form-grid, cuerpocentro.claro-compensaciones .seb-kpis, cuerpocentro.claro-compensaciones .seb-event {
        grid-template-columns: 1fr;
    }
cuerpocentro.claro-compensaciones .seb-hero {
        padding: 20px;
    }
}
@media print {
cuerpocentro.claro-compensaciones header, cuerpocentro.claro-compensaciones cuerpoizquierda, cuerpocentro.claro-compensaciones .seb-hero, cuerpocentro.claro-compensaciones .seb-card:not(.seb-printable), cuerpocentro.claro-compensaciones .seb-actions, cuerpocentro.claro-compensaciones .seb-loader {
        display: none !important;
    }
cuerpocentro.claro-compensaciones body {
        background: #fff !important;
        color: #000 !important;
    }
cuerpocentro.claro-compensaciones .seb-wrap {
        max-width: none;
        padding: 0;
    }
cuerpocentro.claro-compensaciones .seb-card {
        border: 0;
        box-shadow: none;
        padding: 0;
    }
cuerpocentro.claro-compensaciones .seb-doc {
        border: 0;
        max-height: none;
        overflow: visible;
        background: #fff;
    }
}

/* Juegos, artículos y herramientas de consumo: misma base clara que Estética y LECAP. */
cuerpocentro:is(.claro-articulo, .claro-juegos, .claro-juego-calculos, .claro-juego-letras,
    .claro-alertas, .claro-compensaciones, .claro-conectividad) { min-width: 0; }
cuerpocentro.claro-articulo .claro-complemento h2.recomendaciones {
    color: var(--cl-caoba); font: 600 24px/1.3 var(--cl-fuente); text-align: left;
}
cuerpocentro.claro-articulo ul:has(> li > h3) {
    padding: 0; list-style: none; margin: 20px 0;
}
cuerpocentro.claro-articulo ul:has(> li > h3) > li {
    border-bottom: 1px solid var(--cl-borde); padding: 10px 0; margin: 0;
}
cuerpocentro.claro-articulo ul:has(> li > h3) h3 { margin: 0; }
cuerpocentro.claro-articulo ul:has(> li > h3) h3::before {
    content: "·"; color: var(--cl-terracota); margin-right: 9px;
}
cuerpocentro.claro-juegos .claro-juegos-grid {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start;
}
cuerpocentro.claro-juegos .claro-juegos-grid > .claro-panel {
    display: flex; flex-direction: column; margin: 0; min-width: 0;
}
cuerpocentro.claro-juegos .claro-juegos-grid .claro-botones-enlace { margin: 20px 0; }
cuerpocentro.claro-juegos .claro-juegos-grid .imagenescentradas { margin: 0; }
cuerpocentro.claro-juego-calculos .flex-wrapper { display: flex; justify-content: center; margin: 18px 0; }
cuerpocentro.claro-juego-calculos .container { box-sizing: border-box; width: 100%; max-width: 500px; margin: 0; text-align: center; padding: 16px; }
cuerpocentro.claro-juego-calculos #main-screen .dentrotabla { font-weight: 700; color: var(--cl-caoba); margin: 18px 0 4px; }
cuerpocentro.claro-juego-calculos #main-screen .chico { font-size: 14px; line-height: 1.6; }
cuerpocentro.claro-juego-calculos #options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 20px 0; }
cuerpocentro.claro-juego-calculos #level-and-question { font-weight: 700; color: var(--cl-caoba); }
cuerpocentro.claro-juego-calculos #question { margin: 20px 0; font-size: 30px; text-align: center; color: #111; }
cuerpocentro.claro-juego-calculos #timer { padding: 10px; border: 1px solid var(--cl-borde); border-radius: 7px; background: var(--cl-crema); font-weight: 700; }
cuerpocentro.claro-juego-calculos #feedback { min-height: 28px; margin-top: 12px; font-weight: 700; }
cuerpocentro.claro-juego-calculos #feedback.correcto { color: #365B27; }
cuerpocentro.claro-juego-calculos #feedback.incorrecto { color: #991B1B; }
cuerpocentro.claro-juego-calculos #final-message { min-height: 30px; font-weight: 700; margin: 18px 0; }
cuerpocentro.claro-juego-calculos :is(#start-button, #restart-button) { margin-top: 12px; }
cuerpocentro.claro-juego-calculos .tablaresultado { margin: 0; width: 100%; }
cuerpocentro.claro-juego-letras .claro-juego-tablero { display: flex; flex-direction: column; align-items: center; }
cuerpocentro.claro-juego-letras .game-container { display: flex; flex-direction: column; align-items: center; box-sizing: border-box; width: 100%; max-width: 450px; margin: 18px auto 28px; padding: 16px; gap: 12px; }
cuerpocentro.claro-juego-letras :is(#timer, #attempts) { width: 100%; box-sizing: border-box; border: 1px solid var(--cl-borde); border-radius: 7px; padding: 8px 12px; background: var(--cl-crema); color: var(--cl-caoba); text-align: center; font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
cuerpocentro.claro-juego-letras .grid-container { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 5px; width: 100%; box-sizing: border-box; }
cuerpocentro.claro-juego-letras .card { width: 100%; aspect-ratio: 1; background: transparent; cursor: pointer; perspective: 1000px; }
cuerpocentro.claro-juego-letras .card-inner { position: relative; width: 100%; height: 100%; transition: transform .6s; transform-style: preserve-3d; }
cuerpocentro.claro-juego-letras :is(.card.revealed, .card.matched) .card-inner { transform: rotateY(180deg); }
cuerpocentro.claro-juego-letras :is(.card-front, .card-back) { position: absolute; width: 100%; height: 100%; box-sizing: border-box; backface-visibility: hidden; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: clamp(16px, 2vw, 24px); font-weight: 700; user-select: none; }
cuerpocentro.claro-juego-letras .card-front { background: #0555B0; border: 1px solid #03448D; box-shadow: 0 2px 0 #03356E; }
cuerpocentro.claro-juego-letras .card-back { background: var(--cl-verde); border: 1px solid #365B27; color: #fff; transform: rotateY(180deg); }
cuerpocentro.claro-juego-letras .card.matched .card-back { background: #365B27; }

/* Acciones de los juegos: botón azul y relieve del calculador de referencia. */
cuerpocentro:is(.claro-juego-calculos, .claro-juego-letras) button,
cuerpocentro.claro-compensaciones .seb-btn-primary,
cuerpocentro.claro-alertas .seb-btn,
cuerpocentro.claro-conectividad #btn-iniciar-diagnostico {
    min-height: 38px; padding: 8px 20px; border: 1px solid #03448D; border-radius: 8px;
    background: #0555B0; color: #fff; font: 700 15px/1.4 var(--cl-fuente);
    box-shadow: 0 3px 0 #03356E, 0 5px 7px #00000020;
    transition: background-color .1s ease, transform .1s ease, box-shadow .1s ease;
}
cuerpocentro:is(.claro-juego-calculos, .claro-juego-letras) button:hover,
cuerpocentro.claro-compensaciones .seb-btn-primary:hover,
cuerpocentro.claro-alertas .seb-btn:hover,
cuerpocentro.claro-conectividad #btn-iniciar-diagnostico:hover { background: #03448D; color: #fff; border-color: #03356E; }
cuerpocentro:is(.claro-juego-calculos, .claro-juego-letras) button:active,
cuerpocentro.claro-compensaciones .seb-btn:active,
cuerpocentro.claro-alertas .seb-btn:active,
cuerpocentro.claro-conectividad button:active { transform: translateY(3px) scale(.97); box-shadow: inset 0 2px 4px #00000040; }

/* Electricidad: se conserva la disposición de campos y todos los estados dinámicos. */
cuerpocentro.claro-compensaciones .seb-wrap { width: 100%; max-width: none; box-sizing: border-box; padding: 0; }
cuerpocentro.claro-compensaciones .seb-hero { background: transparent; border: 0; padding: 0 0 11px; border-radius: 0; box-shadow: none; margin-bottom: 14px; color: #111; }
cuerpocentro.claro-compensaciones .seb-hero h1 { color: var(--cl-titulo); font: 600 clamp(30px, 3vw, 48px)/1.15 var(--cl-fuente); margin: 0 0 12px; }
cuerpocentro.claro-compensaciones .seb-hero p { color: #111; font-size: 16px; line-height: 1.75; max-width: none; }
cuerpocentro.claro-compensaciones .seb-eyebrow { background: var(--cl-verde-suave); border-color: var(--cl-borde); color: #365B27; }
cuerpocentro.claro-compensaciones :is(.seb-card, #resultado.seb-card) { background: #FFFDF9; color: #111; border: 1px solid var(--cl-borde); border-radius: 14px; padding: 16px; box-shadow: 0 5px 20px #66232505; }
cuerpocentro.claro-compensaciones #resultado.seb-card { margin-top: 28px; }
cuerpocentro.claro-compensaciones :is(.seb-card h2, .seb-card h3, #resultado h2, #resultado h3) { color: var(--cl-caoba); }
cuerpocentro.claro-compensaciones .seb-field { min-width: 0; gap: 4px; }
cuerpocentro.claro-compensaciones .seb-field label { color: #111; font-size: 13px; }
cuerpocentro.claro-compensaciones #seb-form .seb-field :is(input, select, textarea) { border-color: #B8AD9B; border-radius: 7px; background: var(--cl-papel); color: #111; font-size: 14px; min-height: 36px; padding: 6px 8px; text-align: left; }
cuerpocentro.claro-compensaciones #seb-form .seb-field :is(input, select, textarea):focus { outline: 3px solid var(--cl-verde); outline-offset: 2px; border-color: var(--cl-verde); }
cuerpocentro.claro-compensaciones .seb-field input[type="number"] { text-align: right; }
cuerpocentro.claro-compensaciones :is(.seb-muted, .seb-help, .seb-kpi small, #resultado .seb-kpi small) { color: var(--cl-texto); }
cuerpocentro.claro-compensaciones :is(.seb-section, #resultado .seb-section) { border-top-color: var(--cl-borde); }
cuerpocentro.claro-compensaciones :is(.seb-event, .seb-official-box, .seb-kpi, #resultado .seb-kpi) { background: #F6F1E8; border-color: var(--cl-borde); border-radius: 9px; }
cuerpocentro.claro-compensaciones :is(.seb-kpi strong, #resultado .seb-kpi strong, #resultado .seb-list) { color: #111; }
cuerpocentro.claro-compensaciones :is(.seb-note, .seb-checkbox, .seb-alert, #resultado .seb-alert) { background: #FFF3DC; border-color: #DEC49B; color: #68311F; }
cuerpocentro.claro-compensaciones :is(.seb-pill, #resultado .seb-pill, .seb-ok, #resultado .seb-ok) { background: #D9EBCB; border-color: #B8CEAB; color: #365B27; }
cuerpocentro.claro-compensaciones .seb-doc,
cuerpocentro.claro-compensaciones #resultado #documento-reclamo.seb-doc { background: var(--cl-papel) !important; color: #111 !important; -webkit-text-fill-color: #111 !important; border-color: #B8AD9B; border-radius: 7px; }
cuerpocentro.claro-compensaciones .seb-link-list a { color: var(--cl-accion); }
cuerpocentro.claro-compensaciones .seb-btn { border-radius: 8px; min-height: 38px; padding: 8px 16px; }
cuerpocentro.claro-compensaciones :is(.seb-btn-secondary, .seb-btn-ghost) { background: var(--cl-crema); border: 1px solid #B8AD9B; color: var(--cl-caoba); box-shadow: 0 3px 0 #B8AD9B; }
cuerpocentro.claro-compensaciones :is(.seb-btn-secondary, .seb-btn-ghost):hover { background: #E4D9C7; transform: none; }
cuerpocentro.claro-compensaciones .seb-small-table { border-collapse: separate; border-spacing: 0; border: 1px solid var(--cl-borde); border-radius: 9px; overflow: hidden; font-size: 13px; }
cuerpocentro.claro-compensaciones .seb-small-table :is(th, td) { border: 0; border-bottom: 1px solid var(--cl-borde); padding: 6px; color: #111; }
cuerpocentro.claro-compensaciones .seb-small-table th { background: #E4D9C7; color: var(--cl-caoba); }
cuerpocentro.claro-compensaciones .seb-small-table tr:nth-child(even) td { background: #F6F1E8; }

/* Alertas: paneles claros también en los resultados creados por JavaScript. */
cuerpocentro.claro-alertas .seb-alertas-app,
cuerpocentro.claro-alertas .seb-alertas-app :is(div, p, span, a, h1, h2, h3, button, input) { box-sizing: border-box; font-family: var(--cl-fuente); }
cuerpocentro.claro-alertas .seb-alertas-app { padding: 0; color: #111; }
cuerpocentro.claro-alertas #recall-wrapper-box { background: #FFFDF9 !important; border: 1px solid var(--cl-borde); border-radius: 14px; padding: 16px; box-shadow: 0 5px 20px #66232505; }
cuerpocentro.claro-alertas #main-title { color: var(--cl-titulo); font: 600 clamp(30px, 3vw, 48px)/1.15 var(--cl-fuente); letter-spacing: -.045em; }
cuerpocentro.claro-alertas #main-title.text-xl { font-size: 24px; line-height: 1.2; }
cuerpocentro.claro-alertas #main-subtitle { color: #111; font-size: 16px; line-height: 1.75; }
cuerpocentro.claro-alertas .seb-alertas-app :is(h2, h3) { color: var(--cl-caoba); }
cuerpocentro.claro-alertas .seb-alertas-app :is([class~="bg-white"], [class~="bg-white/85"], [class~="bg-white/75"], [class~="bg-gray-50"]) { background-color: var(--cl-papel); border-color: var(--cl-borde); border-radius: 9px; }
cuerpocentro.claro-alertas #statsDashboard > div { background: #F6F1E8; border: 1px solid var(--cl-borde); }
cuerpocentro.claro-alertas #search-container { box-shadow: none; border-color: var(--cl-borde); }
cuerpocentro.claro-alertas #searchInput { text-align: left; width: 100%; min-width: 0; font-size: 15px; }
cuerpocentro.claro-alertas .seb-alertas-app [class*="text-brand-"] { color: var(--cl-accion); }
cuerpocentro.claro-alertas .seb-alertas-app [class*="border-brand-"] { border-color: var(--cl-borde); }
cuerpocentro.claro-alertas .seb-alertas-app :is([class~="bg-brand-50"], [class~="bg-brand-100"]) { background-color: var(--cl-crema); }
cuerpocentro.claro-alertas .seb-alertas-app .seb-btn :is(span, i) { color: inherit; }
cuerpocentro.claro-alertas #recentAlertsGrid > button { background: var(--cl-papel); color: #111; padding: 16px; border-radius: 9px; box-shadow: 0 5px 20px #66232505; text-align: left; }
cuerpocentro.claro-alertas #recentAlertsGrid > button:hover { background: #F6F1E8; }
cuerpocentro.claro-alertas .seb-alertas-app :is(article, #recentAlertsGrid > button)[class*="border-red-"] { border-color: #B91C1C; }
cuerpocentro.claro-alertas .seb-alertas-app :is(article, #recentAlertsGrid > button)[class*="border-amber-"] { border-color: #B7791F; }
cuerpocentro.claro-alertas .seb-alertas-app :is(article, #recentAlertsGrid > button)[class*="border-sky-"] { border-color: #0555B0; }
cuerpocentro.claro-alertas .seb-alertas-app article > div:first-child :is(h2, h3) { color: #fff; font-size: 21px; margin: 0; }
cuerpocentro.claro-alertas #resultsContainer button { background: var(--cl-crema); color: var(--cl-caoba); border: 1px solid #B8AD9B; box-shadow: 0 3px 0 #B8AD9B; min-height: 36px; padding: 7px 12px; }
cuerpocentro.claro-alertas #resultsContainer button:hover { background: #E4D9C7; }
cuerpocentro.claro-alertas .seb-btn:disabled { opacity: .65; cursor: not-allowed; }
cuerpocentro.claro-alertas .fade-in { animation: claro-alertas-aparecer .35s ease-out both; }
@keyframes claro-alertas-aparecer { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
cuerpocentro.claro-alertas .line-clamp-2, cuerpocentro.claro-alertas .line-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
cuerpocentro.claro-alertas .line-clamp-2 { -webkit-line-clamp: 2; }
cuerpocentro.claro-alertas .line-clamp-3 { -webkit-line-clamp: 3; }
cuerpocentro.claro-alertas .seb-alert-card-critical { border-color: #B91C1C; }
cuerpocentro.claro-alertas .seb-alert-card-danger { border-color: #EF4444; }
cuerpocentro.claro-alertas .seb-alert-card-warning { border-color: #B7791F; }
cuerpocentro.claro-alertas .seb-alert-card-info { border-color: #0555B0; }

/* Conectividad: controles, medidor, mapa y comparativa con la paleta clara. */
cuerpocentro.claro-conectividad #app-monitor-conectividad { background: #FFFDF9; color: #111; border-color: var(--cl-borde); border-radius: 14px; min-height: 0; padding: 16px; box-shadow: 0 5px 20px #66232505; }
cuerpocentro.claro-conectividad #app-monitor-conectividad,
cuerpocentro.claro-conectividad #app-monitor-conectividad :is(p, span, div, a, button, select, input, table, th, td) { font-family: var(--cl-fuente); }
cuerpocentro.claro-conectividad #app-monitor-conectividad [class*="bg-zinc-"] { background-color: #F6F1E8; }
cuerpocentro.claro-conectividad #app-monitor-conectividad [class*="border-zinc-"] { border-color: var(--cl-borde); }
cuerpocentro.claro-conectividad #app-monitor-conectividad :is([class*="text-zinc-"], [class~="text-white"]) { color: #111; }
cuerpocentro.claro-conectividad #app-monitor-conectividad :is(h1, h2, h3, h4)[class] { color: var(--cl-caoba); }
cuerpocentro.claro-conectividad #app-monitor-conectividad h1[class] { color: var(--cl-titulo); font-size: clamp(26px, 2.3vw, 38px); line-height: 1.2; letter-spacing: -.025em; }
cuerpocentro.claro-conectividad #app-monitor-conectividad :is([class*="text-cyan-"], [class*="text-indigo-"], [class*="text-pink-"]) { color: var(--cl-accion); }
cuerpocentro.claro-conectividad #app-monitor-conectividad [class*="text-emerald-"] { color: #365B27; }
cuerpocentro.claro-conectividad #app-monitor-conectividad :is([class*="text-yellow-"], [class*="text-amber-"]) { color: #854D0E; }
cuerpocentro.claro-conectividad #app-monitor-conectividad [class*="text-red-"] { color: #991B1B; }
cuerpocentro.claro-conectividad #app-monitor-conectividad [class*="bg-gradient-"] { background: var(--cl-verde); color: #fff; }
cuerpocentro.claro-conectividad #app-monitor-conectividad .seb-icono-red { width: 24px; height: 24px; display: block; color: #fff; }
cuerpocentro.claro-conectividad #app-monitor-conectividad :is([class*="bg-cyan-500/"], [class*="bg-emerald-500/"]) { background: var(--cl-verde-suave); border-color: #B8CEAB; }
cuerpocentro.claro-conectividad #app-monitor-conectividad button { min-height: 36px; padding: 7px 12px; background: var(--cl-crema); color: var(--cl-caoba); border: 1px solid #B8AD9B; border-radius: 8px; font-size: 13px; font-weight: 700; box-shadow: 0 3px 0 #B8AD9B; }
cuerpocentro.claro-conectividad #app-monitor-conectividad button:hover { background: #E4D9C7; }
cuerpocentro.claro-conectividad #app-monitor-conectividad :is(.pestana-control-btn.active, .control-filtro-mapa[class*="bg-cyan-"]) { background: var(--cl-verde); border-color: #365B27; color: #fff; box-shadow: 0 3px 0 #365B27; }
cuerpocentro.claro-conectividad #app-monitor-conectividad #btn-iniciar-diagnostico { background: #0555B0; border-color: #03448D; color: #fff; box-shadow: 0 3px 0 #03356E; }
cuerpocentro.claro-conectividad #app-monitor-conectividad #btn-iniciar-diagnostico:hover { background: #03448D; }
cuerpocentro.claro-conectividad #app-monitor-conectividad button:disabled { opacity: .6; cursor: not-allowed; }
cuerpocentro.claro-conectividad #app-monitor-conectividad .seb-range { min-height: 0; height: 6px; padding: 0; border: 0; border-radius: 3px; box-shadow: none; accent-color: var(--cl-verde); background: var(--cl-borde); }
cuerpocentro.claro-conectividad #app-monitor-conectividad svg:has(#gauge-arco-progreso) circle:first-child { stroke: var(--cl-borde); }
cuerpocentro.claro-conectividad #gauge-arco-progreso { stroke: var(--cl-grafico-mercado); }
cuerpocentro.claro-conectividad #app-monitor-conectividad :is(#valor-medidor-velocidad, #badge-score-calidad) { color: #111; font-variant-numeric: tabular-nums; }
cuerpocentro.claro-conectividad #app-monitor-conectividad :is(th, td) { padding: 6px; }
cuerpocentro.claro-conectividad #app-monitor-conectividad .leaflet-container { background: var(--cl-crema); font-family: var(--cl-fuente); }
cuerpocentro.claro-conectividad #app-monitor-conectividad .leaflet-popup-content-wrapper { background: var(--cl-papel); color: #111; border: 1px solid var(--cl-borde); border-radius: 8px; }
cuerpocentro.claro-conectividad #app-monitor-conectividad .leaflet-popup-tip { background: var(--cl-papel); }
cuerpocentro.claro-conectividad #app-monitor-conectividad .leaflet-container img { border-radius: 0; max-width: none; box-shadow: none; }
cuerpocentro.claro-conectividad #app-monitor-conectividad .leaflet-tile-pane { filter: invert(1) hue-rotate(180deg); }
cuerpocentro.claro-conectividad #app-monitor-conectividad .leaflet-popup-content :is([class~="text-white"], [class*="text-zinc-"]) { color: #111; }

@media (max-width: 1100px) {
    cuerpocentro.claro-juegos .claro-juegos-grid { grid-template-columns: 1fr; }
    cuerpocentro.claro-compensaciones .seb-info-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    cuerpocentro:is(.claro-juego-letras, .claro-juego-calculos) .claro-panel { padding: 12px; }
    cuerpocentro.claro-juego-letras .grid-container { gap: 4px; }
    cuerpocentro.claro-compensaciones :is(.seb-card, #resultado.seb-card),
    cuerpocentro.claro-alertas #recall-wrapper-box,
    cuerpocentro.claro-conectividad #app-monitor-conectividad { padding: 12px; }
    cuerpocentro.claro-compensaciones .seb-actions > button { width: 100%; }
    cuerpocentro.claro-conectividad #panel-seccion-test > div { min-width: 0; }
    cuerpocentro.claro-conectividad #app-monitor-conectividad .p-6 { padding: 12px; }
}
@media (max-width: 769px) {
    cuerpocentro.claro-compensaciones #resultado { scroll-margin-top: 80px; }
}
@media (prefers-reduced-motion: reduce) {
    cuerpocentro:is(.claro-juego-calculos, .claro-juego-letras, .claro-compensaciones, .claro-alertas, .claro-conectividad) button,
    cuerpocentro.claro-juego-letras .card-inner { transition: none; }
    cuerpocentro.claro-alertas .fade-in { animation: none; }
}
@media print {
    body:has(cuerpocentro.claro-compensaciones) > :is(header, .cabecera-clara, cuerpoizquierda, .publicidadderecha) { display: none !important; }
    cuerpocentro.claro-compensaciones { float: none; width: 100%; min-height: 0; padding: 0; border: 0; }
    cuerpocentro.claro-compensaciones :is(.seb-card, #resultado.seb-card) { padding: 0; border: 0; box-shadow: none; background: #fff; }
}

/* Cabecera clara con el contenido y el PHP originales de los artículos. */
.cabecera-clara--original > :is(superiorizquierda, superiorcentro, superiorderecha) {
    display: block; float: none; width: auto; height: auto; min-height: 0;
    padding: 0; margin: 0; border: 0; background: transparent; color: #111;
    font: 14px/1.5 var(--cl-fuente); min-width: 0; overflow: visible;
}
.cabecera-clara--original > superiorizquierda { text-align: left; }
.cabecera-clara--original > superiorcentro { text-align: center; }
.cabecera-clara--original > superiorderecha { text-align: right; }
.cabecera-clara--original :is(p, span, a) { font-family: var(--cl-fuente); }
.cabecera-clara--original superiorizquierda > p:first-child:has(img) { display: inline-block; vertical-align: middle; margin-right: 12px; }
.cabecera-clara--original superiorizquierda > p:has(.ingresarregistrarse) { display: inline-flex; flex-wrap: wrap; gap: 10px; vertical-align: middle; }
.cabecera-clara--original superiorizquierda img.logo { display: block; width: 42px; height: 42px; object-fit: contain; border-radius: 50%; }
.cabecera-clara--original superiorderecha img { width: 80px; height: auto; max-width: 100%; }
.cabecera-clara--original :is(.dentrotabla, .principalesvinculos) { color: #111; font-size: 14px; line-height: 1.5; }
.cabecera-clara--original :is(.segundosvinculos, .contactonombre) {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 40px; padding: 9px 14px; margin: 3px 0;
    border: 1px solid #C9AD92; border-radius: 8px;
    background: linear-gradient(160deg, #FFF9EE, var(--cl-crema)); color: var(--cl-caoba);
    box-shadow: 0 3px 0 #B98C6F, 0 5px 7px #66232512, inset 0 1px 0 #FFF;
    font: 600 14px/1.3 var(--cl-fuente); text-align: center; text-decoration: none;
}
.cabecera-clara--original .ingresarregistrarse { color: inherit; background: none; border: 0; margin: 0; padding: 0; font: inherit; box-shadow: none; }
.cabecera-clara--original :is(.segundosvinculos, .contactonombre):hover { background: linear-gradient(160deg, #FBEBDD, #E8CEB9); color: var(--cl-caoba); }
.cabecera-clara--original :is(.segundosvinculos, .contactonombre):active { transform: translateY(3px); box-shadow: inset 0 2px 4px #66232530; }
.cabecera-clara--original .sinelefantesblancos {
    display: inline-block; max-width: 100%; padding: 10px 12px 12px; margin: 0;
    border: 0; border-radius: 0; background: transparent; color: #006B63;
    font: 700 clamp(22px, 2.1vw, 34px)/1.22 Cambria, Georgia, serif;
    letter-spacing: -.015em; text-shadow: none; box-shadow: none; text-decoration: none;
    white-space: normal; word-break: normal; transform: none;
}
.cabecera-clara--original .sinelefantesblancos .marcaregistrada { position: relative; top: -.85em; margin-left: .22em; font: 400 clamp(8px, .36em, 12px)/0 Cambria, Georgia, serif; color: #006B63; opacity: .7; }

/* Directorios: tablas del calculador, sin perder columnas en pantallas pequeñas. */
cuerpocentro.claro-directorio .centraTabla { margin: 18px 0 28px; }
cuerpocentro.claro-directorio table { min-width: 520px; }
cuerpocentro.claro-directorio tr.mensajeatencion > td { background: #E4D9C7 !important; color: var(--cl-caoba); font: 600 13px/1.5 var(--cl-fuente); text-align: center; }
cuerpocentro.claro-directorio td.superiorparatabla { background: inherit; color: var(--cl-caoba); font: 600 14px/1.5 var(--cl-fuente); }
cuerpocentro.claro-directorio td.superiorparatabla h3 { color: inherit; font: inherit; }
cuerpocentro.claro-directorio td img { display: block; width: auto; max-width: 100px; max-height: 90px; object-fit: contain; margin: auto; }
cuerpocentro.claro-articulo .claro-complemento--libros { width: auto; margin-block: 0; margin-inline: calc(-1 * clamp(22px, 2.8vw, 52px)); border-radius: 0; }
cuerpocentro.claro-articulo .claro-complemento--libros:last-child { margin-bottom: calc(-1 * clamp(22px, 2.8vw, 52px)); }
body:has(cuerpocentro.claro-articulo) .publicidadderecha .tablacambiacolor h3 { margin: 16px 0; }
@media (max-width: 769px) {
    .cabecera-clara--original .sinelefantesblancos { font-size: clamp(16px, 3.6vw, 25px); padding: 8px 2px 9px; letter-spacing: 0; }
    .cabecera-clara--original :is(.segundosvinculos, .contactonombre) { font-size: 12px; padding: 7px 9px; }
    cuerpocentro.claro-articulo .claro-complemento--libros { margin-inline: -20px; }
    cuerpocentro.claro-articulo .claro-complemento--libros:last-child { margin-bottom: -28px; }
}

/* Inversiones: estilos particulares conservados y acotados a cada página. */
cuerpocentro.claro-inversiones--calculador-de-boncer td { padding: 3px; }
cuerpocentro.claro-inversiones--calculador-de-boncer #spinner-container {
    display: none;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}
cuerpocentro.claro-inversiones--calculador-de-boncer .spinner {
    width: 50px;
    height: 50px;
    border: 10px solid lightgreen;
    border-top: 10px solid darkgreen;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
cuerpocentro.claro-inversiones--calculador-de-boncer #resultado_wrapper { display: block; }
cuerpocentro.claro-inversiones--calculador-de-lecer td {
  padding: 3px;
}
cuerpocentro.claro-inversiones--calculador-de-ledes td {
  padding: 3px;
}
cuerpocentro.claro-inversiones--calculador-lelink td { padding: 5px; }
cuerpocentro.claro-inversiones--calculador-lelink #spinner-container {
        display: none;
        justify-content: center;
        align-items: center;
        margin: 20px 0;
    }
cuerpocentro.claro-inversiones--calculador-lelink .spinner {
        width: 50px;
        height: 50px;
        border: 10px solid lightgreen;
        border-top: 10px solid darkgreen;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }
cuerpocentro.claro-inversiones--calculador-lelink .valor-conocido {
        display: inline-block;
        margin-left: 4px;
        font-size: 0.75em;
        white-space: nowrap;
    }
cuerpocentro.claro-inversiones--calculador-letamar td { padding: 5px; }
cuerpocentro.claro-inversiones--calculador-letamar #spinner-container {
        display: none;
        justify-content: center;
        align-items: center;
        margin: 20px 0;
    }
cuerpocentro.claro-inversiones--calculador-letamar .spinner {
        width: 50px;
        height: 50px;
        border: 10px solid lightgreen;
        border-top: 10px solid darkgreen;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }
cuerpocentro.claro-inversiones--calculador-letamar #resultado_wrapper {
        width: 100%;
    }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro table { border-collapse: collapse; margin-bottom: 20px; }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro th,
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro td {
  border: 2px solid #000;
  padding: 4px;
  text-align: center;
  font-size: 0.9em;
  width: 205px;
  font-weight: bold;
}
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro th {
  height: 40px;
  vertical-align: middle;
  background-color: #FFFFCC;
  padding: 7px;
}
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro tr:nth-child(even) { background-color: #e0e0e0; }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro input[type="text"] { width: 80px; padding: 8px; border: 1px solid #ccc; border-radius: 4px; text-align: center; font-weight: bold; }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro #buscador-interno {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 9999;
    background: rgba(255,255,255,0.9);
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 8px 0 0 8px;
    box-shadow: -2px 2px 6px rgba(0,0,0,0.2);
  }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro #buscador-interno table {
    border-collapse: collapse;
    width: 140px;
    text-align: center;
  }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro #buscador-interno td {
    padding: 4px;
    font-family: sans-serif;
    font-size: 0.9em;
	font-weight: bold;
  }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro #input-buscar {
    width: 100%;
    box-sizing: border-box;
    padding: 2px 4px;
    font-size: 0.9em;
  }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro .highlight-buscador {
    background-color: #ffff66;
  }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro #buscador-interno {
    position: fixed;               
    top: 50%;                      
    right: 0;                      
    transform: translateY(-50%);   
    z-index: 9999;                 
    background: rgba(255,255,255,0.9);
    border: 5px solid #000000;
    border-right: none;
    border-radius: 8px 0 0 8px;
    box-shadow: -2px 2px 6px rgba(0,0,0,0.2);
  }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro #buscador-interno table {
    border-collapse: collapse;
    width: 140px;
    text-align: center;
  }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro #buscador-interno td {
    padding: 4px;
    font-family: sans-serif;
    font-size: 0.9em;
  }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro #input-buscar {
    width: 100%;
    box-sizing: border-box;
    padding: 2px 4px;
    font-size: 0.9em;
  }
cuerpocentro.claro-inversiones--calcular-cer-uva-futuro .highlight-buscador {
    background-color: #ffff66;
  }
cuerpocentro.claro-inversiones--cauciones td {
  padding: 7px;
}
cuerpocentro.claro-inversiones--cedear canvas {
	padding: 10px;
}
cuerpocentro.claro-inversiones--cedear #cuerpograficos {
      width: 55%;
      float: left;
      background: #333333;         
      padding: 20px;
	  padding-top: -10px;
      box-sizing: border-box;
      border: 5px solid #000000;   
      justify-content: center;
      align-items: center;
    }
cuerpocentro.claro-inversiones--cedear .claro-mercado-titulo {
      width: 100%;
      background-color: #006400;
      padding:  0px 5px 5px 5px; 
      color: #fff;
      font-family: Cambria, serif;
      font-size: x-large;
      font-weight: bold;
      text-align: center;
      margin: 20px 5px 0px 5px; 
      box-sizing: border-box;

      
      border-radius: 15px 15px 0 0;

      
      border: 5px solid rgba(102, 205, 170, 1);
	  border-bottom: 1px;

        
    }
cuerpocentro.claro-inversiones--cedear .claro-mercado-bloque {
      width: 100%;
      font-family: Cambria, serif;
      font-size: small;
      font-weight: bold;
      text-align: center;
	  color: #000000;
      margin: 0px 5px 20px 5px; 
      background-color: rgba(211, 211, 211, 1);
	  padding: 5px 5px 20px 5px; 
      box-sizing: border-box;

      
      border-radius: 0 0 15px 15px;

      border: 5px solid rgba(102, 205, 170, 1);

      
}
cuerpocentro.claro-inversiones--cedear .claro-mercado-bloque a:link,
cuerpocentro.claro-inversiones--cedear .claro-mercado-bloque a:visited {
  color: none; 
  font-weight: bold;
  text-decoration: none;  
}
cuerpocentro.claro-inversiones--cedear .claro-mercado-bloque a:hover,
cuerpocentro.claro-inversiones--cedear .claro-mercado-bloque a:active {
  color: #ffff00;        
  font-weight: bold;
}
cuerpocentro.claro-inversiones--cedear .cedear-estado {
  margin: 8px auto 12px;
  padding: 9px 12px;
  max-width: 100%;
  border: 1px solid #777;
  background: #fffbe0;
  color: #111;
  text-align: center;
  box-sizing: border-box;
}
cuerpocentro.claro-inversiones--cedear .cedear-estado.cedear-error {
  background: #ffdede;
  border-color: #a40000;
}
cuerpocentro.claro-inversiones--cedear .cedear-estado.cedear-advertencia {
  background: #fff0bd;
  border-color: #9a6a00;
}
cuerpocentro.claro-inversiones--cedear .cedear-fuente {
  width: 95%;
  margin: 8px auto 10px;
  padding: 7px 10px;
  max-width: none;
  background: #f4ff64;
  border: 2px solid #000;
  color: #000;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
cuerpocentro.claro-inversiones--cedear .cedear-cabecera-datos {
  width: 95%;
  margin: 0 auto 10px;
  display: grid;
  grid-template-columns: minmax(220px, 27%) minmax(18px, 4%) minmax(0, 1fr);
  align-items: stretch;
  box-sizing: border-box;
}
cuerpocentro.claro-inversiones--cedear .cedear-cabecera-separador {
  min-width: 18px;
}
cuerpocentro.claro-inversiones--cedear .cedear-cabecera-datos .cedear-fuente {
  width: 100%;
  min-height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.25;
  white-space: normal;
}
cuerpocentro.claro-inversiones--cedear .cedear-fuente-linea {
  display: block;
}
cuerpocentro.claro-inversiones--cedear .cedear-resumen-ccl {
  display: grid;
  grid-template-rows: 1fr 1fr;
  width: 100%;
  min-width: 0;
  margin: 0;
  border: 2px solid #000;
  background: #ffe6a3;
  color: #000;
}
cuerpocentro.claro-inversiones--cedear .cedear-resumen-ccl div {
  padding: 5px 10px;
  border-bottom: 1px solid #000;
}
cuerpocentro.claro-inversiones--cedear .cedear-resumen-ccl div:last-child {
  border-bottom: 0;
  font-size: 1.08em;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 auto 8px;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla {
  width: 95%;
  min-width: 860px;
  margin-right: auto;
  margin-left: auto;
  border-collapse: collapse;
  background: #fff;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.15;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla th,
cuerpocentro.claro-inversiones--cedear .cedear-tabla td {
  border: 1px solid #000;
  padding: 5px 6px;
  text-align: center;
  vertical-align: middle;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla th {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.15;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla th.cedear-ordenable {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla th.cedear-ordenable::after {
  content: " ↕";
  display: inline;
  font-size: 0.82em;
  opacity: 0.75;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla th.cedear-ordenable[aria-sort="ascending"]::after {
  content: " ▲";
  opacity: 1;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla th.cedear-ordenable[aria-sort="descending"]::after {
  content: " ▼";
  opacity: 1;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla th.cedear-ordenable:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: -3px;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla td {
  white-space: nowrap;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla tbody tr:nth-child(even) td {
  background: #d9d9d9;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla tbody tr:hover td {
  background: #fff7b2;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla .cedear-texto {
  text-align: left;
  white-space: normal;
  min-width: 150px;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla .cedear-especie {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 58px;
  font-weight: bold;
  background: #fff;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla tbody tr:nth-child(even) .cedear-especie {
  background: #d9d9d9;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla tbody tr:hover .cedear-especie {
  background: #fff7b2;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla thead .cedear-especie {
  z-index: 4;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla thead tr.cedear-cabecera-verde .cedear-especie {
  background: #79ff67;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla thead tr.cedear-cabecera-amarilla .cedear-especie {
  background: #fff600;
}
cuerpocentro.claro-inversiones--cedear .cedear-grupo-exterior {
  background: #b00000;
  color: #fff;
  font-size: 14px;
}
cuerpocentro.claro-inversiones--cedear .cedear-grupo-local {
  background: #fff;
  color: #000;
  font-size: 14px;
}
cuerpocentro.claro-inversiones--cedear .cedear-cabecera-verde {
  background: #79ff67;
  color: #000;
}
cuerpocentro.claro-inversiones--cedear .cedear-cabecera-amarilla {
  background: #fff600;
  color: #000;
}
cuerpocentro.claro-inversiones--cedear .cedear-titulo-precios {
  padding: 8px 6px !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  white-space: normal;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla-precios {
  table-layout: fixed;
  min-width: 0;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla-precios th,
cuerpocentro.claro-inversiones--cedear .cedear-tabla-precios td {
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}
cuerpocentro.claro-inversiones--cedear .cedear-tabla-precios .cedear-especie {
  min-width: 0;
}
cuerpocentro.claro-inversiones--cedear .cedear-cabecera-actual {
  background: #7b3f00;
  color: #fff;
}
cuerpocentro.claro-inversiones--cedear .cedear-cabecera-anio {
  background: #075bc7;
  color: #fff;
}
cuerpocentro.claro-inversiones--cedear .cedear-cabecera-anio-alterno {
  background: #e9f2f8;
  color: #000;
}
cuerpocentro.claro-inversiones--cedear .cedear-cabecera-variacion {
  background: #fff1c6;
  color: #000;
}
cuerpocentro.claro-inversiones--cedear .cedear-positivo {
  color: #008000;
  font-weight: bold;
}
cuerpocentro.claro-inversiones--cedear .cedear-negativo {
  color: #f00000;
  font-weight: bold;
}
cuerpocentro.claro-inversiones--cedear .cedear-neutro {
  color: #000;
  font-weight: bold;
}
cuerpocentro.claro-inversiones--cedear .cedear-nota {
  margin: 9px 5px;
  color: #111;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}
@media screen and (max-width: 769px){
cuerpocentro.claro-inversiones--cedear .cedear-cabecera-datos {
    grid-template-columns: minmax(180px, 36%) minmax(10px, 3%) minmax(0, 1fr);
  }
cuerpocentro.claro-inversiones--cedear .cedear-cabecera-datos .cedear-fuente {
    font-size: 10px;
  }
cuerpocentro.claro-inversiones--cedear .cedear-tabla {
    font-size: 11px;
  }
cuerpocentro.claro-inversiones--cedear .cedear-tabla th,
cuerpocentro.claro-inversiones--cedear .cedear-tabla td {
    padding: 5px 4px;
  }
}
@media screen and (max-width: 769px){
cuerpocentro.claro-inversiones--cedear #cuerpograficos {
    width: 100%;
  }
}
cuerpocentro.claro-inversiones--cedear-etfs canvas {
	padding: 10px;
}
cuerpocentro.claro-inversiones--cedear-etfs #cuerpograficos {
      width: 55%;
      float: left;
      background: #333333;         
      padding: 20px;
	  padding-top: -10px;
      box-sizing: border-box;
      border: 5px solid #000000;   
      justify-content: center;
      align-items: center;
    }
cuerpocentro.claro-inversiones--cedear-etfs .claro-mercado-titulo {
      width: 100%;
      background-color: #006400;
      padding:  0px 5px 5px 5px; 
      color: #fff;
      font-family: Cambria, serif;
      font-size: x-large;
      font-weight: bold;
      text-align: center;
      margin: 20px 5px 0px 5px; 
      box-sizing: border-box;

      
      border-radius: 15px 15px 0 0;

      
      border: 5px solid rgba(102, 205, 170, 1);
	  border-bottom: 1px;

        
    }
cuerpocentro.claro-inversiones--cedear-etfs .claro-mercado-bloque {
      width: 100%;
      font-family: Cambria, serif;
      font-size: small;
      font-weight: bold;
      text-align: center;
	  color: #000000;
      margin: 0px 5px 20px 5px; 
      background-color: rgba(211, 211, 211, 1);
	  padding: 5px 5px 20px 5px; 
      box-sizing: border-box;

      
      border-radius: 0 0 15px 15px;

      border: 5px solid rgba(102, 205, 170, 1);

      
}
cuerpocentro.claro-inversiones--cedear-etfs .claro-mercado-bloque a:link,
cuerpocentro.claro-inversiones--cedear-etfs .claro-mercado-bloque a:visited {
  color: none; 
  font-weight: bold;
  text-decoration: none;  
}
cuerpocentro.claro-inversiones--cedear-etfs .claro-mercado-bloque a:hover,
cuerpocentro.claro-inversiones--cedear-etfs .claro-mercado-bloque a:active {
  color: #ffff00;        
  font-weight: bold;
}
@media screen and (max-width: 769px){
cuerpocentro.claro-inversiones--cedear-etfs #cuerpograficos {
    width: 100%;
  }
}
cuerpocentro.claro-inversiones--cotizaciones canvas {
	padding: 10px;
}
cuerpocentro.claro-inversiones--cotizaciones #cuerpograficos {
      width: 55%;
      float: left;
      background: #333333;         
      padding: 20px;
	  padding-top: -10px;
      box-sizing: border-box;
      border: 5px solid #000000;   
      justify-content: center;
      align-items: center;
    }
cuerpocentro.claro-inversiones--cotizaciones .claro-mercado-titulo {
      width: 100%;
      background-color: #006400;
      padding:  0px 5px 5px 5px; 
      color: #fff;
      font-family: Cambria, serif;
      font-size: x-large;
      font-weight: bold;
      text-align: center;
      margin: 20px 5px 0px 5px; 
      box-sizing: border-box;

      
      border-radius: 15px 15px 0 0;

      
      border: 5px solid rgba(102, 205, 170, 1);
	  border-bottom: 1px;

        
    }
cuerpocentro.claro-inversiones--cotizaciones .claro-mercado-bloque {
      width: 100%;
      font-family: Cambria, serif;
      font-size: small;
      font-weight: bold;
      text-align: center;
	  color: #000000;
      margin: 0px 5px 20px 5px; 
      background-color: rgba(211, 211, 211, 1);
	  padding: 5px 5px 20px 5px; 
      box-sizing: border-box;

      
      border-radius: 0 0 15px 15px;

      border: 5px solid rgba(102, 205, 170, 1);

      
}
cuerpocentro.claro-inversiones--cotizaciones .claro-mercado-bloque a:link,
cuerpocentro.claro-inversiones--cotizaciones .claro-mercado-bloque a:visited {
  color: none; 
  font-weight: bold;
  text-decoration: none;  
}
cuerpocentro.claro-inversiones--cotizaciones .claro-mercado-bloque a:hover,
cuerpocentro.claro-inversiones--cotizaciones .claro-mercado-bloque a:active {
  color: #ffff00;        
  font-weight: bold;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo-contenedor {
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  border: 1px solid #6f777b;
  background: #ffffff;
  height: 700px;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  background: #ffffff;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo th,
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo td {
  padding: 6px 9px;
  border-right: 1px solid #aeb5b8;
  border-bottom: 1px solid #aeb5b8;
  white-space: nowrap;
  vertical-align: middle;
  box-sizing: border-box;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo th:first-child,
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo td:first-child {
  border-left: 1px solid #aeb5b8;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo thead tr:first-child th {
  border-top: 1px solid #aeb5b8;
  top: 0;
  height: 32px;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo thead th {
  position: sticky;
  background: #20343b;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  z-index: 8;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo th.tabla-yahoo-ordenable {
  padding: 0;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo .boton-orden-tabla-yahoo {
  width: 100%;
  height: 100%;
  min-height: 31px;
  padding: 6px 24px 6px 9px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: bold;
  line-height: 1.2;
  text-align: inherit;
  white-space: normal;
  cursor: pointer;
  position: relative;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo .boton-orden-tabla-yahoo::after {
  content: "\2195";
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  opacity: 0.75;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo th.tabla-yahoo-orden-asc .boton-orden-tabla-yahoo::after {
  content: "\25B2";
  opacity: 1;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo th.tabla-yahoo-orden-desc .boton-orden-tabla-yahoo::after {
  content: "\25BC";
  opacity: 1;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo .boton-orden-tabla-yahoo:focus {
  outline: 2px solid #ffff00;
  outline-offset: -3px;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo thead tr:nth-child(2) th {
  top: 32px;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo thead th.grupo-tabla-yahoo {
  background: #00594f;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo td {
  text-align: right;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo .columna-especie {
  position: sticky;
  left: 0;
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  text-align: left;
  font-weight: bold;
  z-index: 4;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo .columna-precio {
  position: sticky;
  left: 90px;
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  text-align: right;
  z-index: 3;
  box-shadow: 2px 0 3px rgba(0, 0, 0, 0.22);
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo thead .columna-especie {
  z-index: 12;
  background: #20343b;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo thead .columna-precio {
  z-index: 11;
  background: #20343b;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo .columna-empresa {
  min-width: 270px;
  max-width: 360px;
  white-space: normal;
  text-align: left;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo tbody tr:nth-child(odd) td {
  background: #ffffff;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo tbody tr:nth-child(even) td {
  background: #eaf0f2;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo tbody tr:nth-child(odd) .columna-especie,
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo tbody tr:nth-child(odd) .columna-precio {
  background: #ffffff;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo tbody tr:nth-child(even) .columna-especie,
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo tbody tr:nth-child(even) .columna-precio {
  background: #eaf0f2;
}
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo tbody tr:hover td,
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo tbody tr:hover .columna-especie,
cuerpocentro.claro-inversiones--cotizaciones .tabla-yahoo tbody tr:hover .columna-precio {
  background: #fff6bf;
}
cuerpocentro.claro-inversiones--cotizaciones .mensaje-tabla-yahoo {
  margin: 10px;
  padding: 12px;
  border: 1px solid #9a0000;
  background: #fff3f3;
  color: #790000;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
@media screen and (max-width: 769px){
cuerpocentro.claro-inversiones--cotizaciones #cuerpograficos {
    width: 100%;
  }
}
cuerpocentro.claro-inversiones--criptodivisas canvas {
	padding: 10px;
}
cuerpocentro.claro-inversiones--criptodivisas #cuerpograficos {
      width: 55%;
      float: left;
      background: #333333;         
      padding: 20px;
	  padding-top: -10px;
      box-sizing: border-box;
      border: 5px solid #000000;   
      justify-content: center;
      align-items: center;
    }
cuerpocentro.claro-inversiones--criptodivisas .claro-mercado-titulo {
      width: 100%;
      background-color: #006400;
      padding:  0px 5px 5px 5px; 
      color: #fff;
      font-family: Cambria, serif;
      font-size: x-large;
      font-weight: bold;
      text-align: center;
      margin: 20px 5px 0px 5px; 
      box-sizing: border-box;

      
      border-radius: 15px 15px 0 0;

      
      border: 5px solid rgba(102, 205, 170, 1);
	  border-bottom: 1px;

        
    }
cuerpocentro.claro-inversiones--criptodivisas .claro-mercado-bloque {
      width: 100%;
      font-family: Cambria, serif;
      font-size: small;
      font-weight: bold;
      text-align: center;
	  color: #000000;
      margin: 0px 5px 20px 5px; 
      background-color: rgba(211, 211, 211, 1);
	  padding: 5px 5px 20px 5px; 
      box-sizing: border-box;

      
      border-radius: 0 0 15px 15px;

      border: 5px solid rgba(102, 205, 170, 1);

      
}
cuerpocentro.claro-inversiones--criptodivisas .claro-mercado-bloque a:link,
cuerpocentro.claro-inversiones--criptodivisas .claro-mercado-bloque a:visited {
  color: none; 
  font-weight: bold;
  text-decoration: none;  
}
cuerpocentro.claro-inversiones--criptodivisas .claro-mercado-bloque a:hover,
cuerpocentro.claro-inversiones--criptodivisas .claro-mercado-bloque a:active {
  color: #ffff00;        
  font-weight: bold;
}
@media screen and (max-width: 769px){
cuerpocentro.claro-inversiones--criptodivisas #cuerpograficos {
    width: 100%;
  }
}

/* Inversiones — misma presentación que Estética y LECAP. */
cuerpocentro.claro-inversiones #cuerpograficos,
body.menu-lateral-contraido cuerpocentro.claro-inversiones #cuerpograficos {
    float: none; width: 100%; padding: 0; border: 0; background: transparent;
}
cuerpocentro.claro-inversiones :is(:is(#variable, .claro-mercado-titulo), :is(#grafico, .claro-mercado-bloque)) {
    box-sizing: border-box; width: 100%; margin-inline: 0; padding: 16px;
    border: 1px solid var(--cl-borde); background: #FFFDF9; color: #111;
    font-family: var(--cl-fuente); box-shadow: none;
}
cuerpocentro.claro-inversiones :is(#variable, .claro-mercado-titulo) {
    margin-top: 28px; margin-bottom: 0; padding: 12px 16px;
    border-radius: 12px 12px 0 0; background: var(--cl-crema);
}
cuerpocentro.claro-inversiones :is(#variable, .claro-mercado-titulo) h2 { margin: 0; color: var(--cl-caoba); font-size: 23px; }
cuerpocentro.claro-inversiones :is(#variable, .claro-mercado-titulo) .frases { color: inherit; font: inherit; }
cuerpocentro.claro-inversiones :is(#grafico, .claro-mercado-bloque) { margin-bottom: 24px; border-radius: 0 0 12px 12px; }
cuerpocentro.claro-inversiones :is(#grafico, .claro-mercado-bloque) a:is(:link, :visited, :hover, :active) { color: #0000EE; }
cuerpocentro.claro-inversiones paracuerpototal {
    display: block; box-sizing: border-box; width: 100%; margin: 24px 0;
    padding: 0; border: 0; background: none; float: none; color: #111;
}
/* Las planillas embebidas conservan la altura necesaria para todas sus filas. */
cuerpocentro.claro-inversiones iframe[src*="docs.google.com"] { aspect-ratio: auto; border-radius: 8px; }
cuerpocentro.claro-inversiones .claro-calculador .claro-precios { table-layout: auto; }
cuerpocentro.claro-inversiones table :is(td, th) {
    width: auto; border: 0; border-bottom: 1px solid var(--cl-borde);
    font-family: var(--cl-fuente); color: inherit;
}
cuerpocentro.claro-inversiones table th { background: #E4D9C7; color: var(--cl-caoba); }
cuerpocentro.claro-inversiones .claro-calculador .claro-precios :is(td, th) { padding: 4px 8px; }
cuerpocentro.claro-inversiones .claro-calculador .claro-precios :is(input, select) {
    min-height: 28px; padding: 2px 8px; text-align: center; font-size: 14px;
}
cuerpocentro.claro-inversiones .claro-calculador input[type="date"] { width: 150px; }
cuerpocentro.claro-inversiones .claro-calculador p { margin: 12px 0; }
cuerpocentro.claro-inversiones--cauciones #form1.claro-panel { max-width: 680px; }
cuerpocentro.claro-inversiones--cauciones .claro-precios { min-width: 550px; }
cuerpocentro.claro-inversiones--calculador-lelink #form1.claro-panel { max-width: 600px; }
cuerpocentro.claro-inversiones #spinner-container { display: none; justify-content: center; margin: 24px 0; }
cuerpocentro.claro-inversiones .spinner { border-width: 4px; border-color: var(--cl-crema); border-top-color: var(--cl-terracota); animation: claro-girar 1s linear infinite; }
cuerpocentro.claro-inversiones .valor-conocido { display: block; font-size: 11px; white-space: normal; }
cuerpocentro.claro-inversiones .claro-resultados :is(td, th)[bgcolor="#FFEAD5"] { background: #E4D9C7; color: var(--cl-caoba); }
cuerpocentro.claro-inversiones .claro-resultados :is(td, th)[bgcolor="#FFFFCC"] { background: #E4D9C7; color: var(--cl-caoba); }
cuerpocentro.claro-inversiones .claro-resultados :is(td, th)[bgcolor="#C6FFAA"] { background: #D9EBCB; color: #365B27; }
cuerpocentro.claro-inversiones .claro-resultados .chico { color: inherit; font-weight: inherit; }
cuerpocentro.claro-inversiones :is(.cedear-tabla, .tabla-yahoo) { font-family: var(--cl-fuente); color: #111; background: var(--cl-papel); }
cuerpocentro.claro-inversiones .cedear-tabla { width: 100%; }
cuerpocentro.claro-inversiones :is(.cedear-tabla, .tabla-yahoo) :is(th, td) { border-color: var(--cl-borde); }
cuerpocentro.claro-inversiones .cedear-tabla th,
cuerpocentro.claro-inversiones .tabla-yahoo thead th,
cuerpocentro.claro-inversiones .tabla-yahoo thead :is(.columna-especie, .columna-precio) {
    background: #E4D9C7; color: var(--cl-caoba);
}
cuerpocentro.claro-inversiones .cedear-tabla tbody tr:nth-child(odd) td,
cuerpocentro.claro-inversiones .tabla-yahoo tbody tr:nth-child(odd) td { background: var(--cl-papel); }
cuerpocentro.claro-inversiones .cedear-tabla tbody tr:nth-child(even) td,
cuerpocentro.claro-inversiones .tabla-yahoo tbody tr:nth-child(even) td { background: #F6F1E8; }
cuerpocentro.claro-inversiones .cedear-tabla tbody tr:hover td,
cuerpocentro.claro-inversiones .tabla-yahoo tbody tr:hover td { background: #FFF7B2; }
cuerpocentro.claro-inversiones :is(.cedear-fuente, .cedear-resumen-ccl, .cedear-resumen-ccl div, .tabla-yahoo-contenedor) { border-color: var(--cl-borde); }
cuerpocentro.claro-inversiones .cedear-fuente { background: var(--cl-crema); border-radius: 8px; }
cuerpocentro.claro-inversiones .cedear-resumen-ccl { background: var(--cl-verde-suave); border-radius: 8px; }
cuerpocentro.claro-inversiones .tabla-yahoo .boton-orden-tabla-yahoo { min-height: 31px; border: 0; box-shadow: none; background: transparent; color: inherit; }
cuerpocentro.claro-inversiones .tabla-yahoo .boton-orden-tabla-yahoo:hover { background: var(--cl-crema); }
cuerpocentro.claro-inversiones .mensaje-tabla-yahoo { font-family: var(--cl-fuente); }
cuerpocentro.claro-inversiones #buscador-interno { background: var(--cl-papel); border-color: var(--cl-borde); }
cuerpocentro.claro-inversiones #buscador-interno :is(td, input) { font-family: var(--cl-fuente); }
cuerpocentro.claro-inversiones #buscador-interno td { width: auto; }
cuerpocentro.claro-inversiones .highlight-buscador { background-color: #FFFF66 !important; }
cuerpocentro.claro-inversiones .claro-grafico-viewport { width: 100% !important; height: 380px !important; margin: 0 !important; }
cuerpocentro.claro-inversiones .claro-grafico-vacio { text-align: center; padding: 32px 16px; }
cuerpocentro.claro-inversiones .claro-grafico-estado { margin-bottom: 0; }
cuerpocentro.claro-inversiones .claro-grafico-tabla,
cuerpocentro.claro-inversiones .claro-grafico-tabla :is(table, tbody, tr, td) {
    display: block; width: 100%; padding: 0; border: 0; background: transparent !important;
}
@media (max-width: 769px) {
    cuerpocentro.claro-inversiones :is(:is(#variable, .claro-mercado-titulo), :is(#grafico, .claro-mercado-bloque)) { padding: 12px; }
    cuerpocentro.claro-inversiones .claro-grafico-viewport { height: 340px !important; }
}
@media (prefers-reduced-motion: reduce) {
    cuerpocentro.claro-inversiones .spinner { animation: none; }
}

/* Inversiones: presentación común de los cuatro artículos. */
.df-fuente-cotizaciones {
    color: #4b5560;
    font-size: .82rem;
    line-height: 1.4;
    margin: .8rem auto 1rem;
    max-width: 900px;
    padding: 0 12px;
    text-align: center;
}
.df-fuente-cotizaciones p {
    margin: .25rem 0;
}
.df-ajax-error {
    color: #b00020;
    font-weight: 700;
    min-height: 1.5em;
    text-align: center;
}
.df-boton-cargando {
    cursor: wait;
    opacity: .7;
}

cuerpocentro.claro-inversiones-derivados td {
  padding: 7px;
}
cuerpocentro.claro-inversiones-derivados canvas {
  background-color: #FFF;
  padding: 10px;
}
cuerpocentro.claro-inversiones-derivados [hidden] {
  display: none !important;
}
cuerpocentro.claro-inversiones-derivados .controles-operaciones {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0 auto 12px;
}
cuerpocentro.claro-inversiones-derivados .boton-operacion {
  background: #fff;
  border: 2px solid #006699;
  border-radius: 6px;
  color: #004c70;
  cursor: pointer;
  font: inherit;
  font-weight: bold;
  min-height: 40px;
  padding: 7px 14px;
}
cuerpocentro.claro-inversiones-derivados .boton-operacion:hover,
cuerpocentro.claro-inversiones-derivados .boton-operacion:focus-visible {
  background: #e8f5fb;
  outline: 3px solid rgba(0, 102, 153, 0.25);
}
cuerpocentro.claro-inversiones-derivados .boton-operacion:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
cuerpocentro.claro-inversiones-derivados .contador-operaciones {
  min-width: 112px;
  text-align: center;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones-panel {
  --tabla-bg-principal: #0b0f19;
  --tabla-bg-panel: rgba(22, 30, 49, 0.92);
  --tabla-borde: rgba(255, 255, 255, 0.09);
  --tabla-texto: #f8fafc;
  --tabla-texto-secundario: #94a3b8;
  --tabla-azul: #60a5fa;
  --tabla-verde: #34d399;
  --tabla-amarillo: #facc15;
  --tabla-rojo: #fb7185;
  background: var(--tabla-bg-principal);
  border: 1px solid var(--tabla-borde);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.38);
  box-sizing: border-box;
  color: var(--tabla-texto);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  margin: 0 auto;
  max-width: 1500px;
  padding: 20px;
  width: calc(100% - 32px);
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones-scroll {
  -webkit-overflow-scrolling: touch;
  background: var(--tabla-bg-panel);
  border: 1px solid var(--tabla-borde);
  border-radius: 12px;
  margin: 0;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-gutter: stable;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones-scroll::-webkit-scrollbar {
  height: 10px;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones-scroll::-webkit-scrollbar-track {
  background: rgba(2, 6, 23, 0.7);
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones-scroll::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.45);
  border: 2px solid rgba(2, 6, 23, 0.7);
  border-radius: 999px;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--tabla-texto);
  font-size: 0.82rem;
  margin: 0;
  min-width: 980px;
  text-align: left;
  width: 100%;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones th,
cuerpocentro.claro-inversiones-derivados .tabla-opciones td {
  border: 0;
  border-bottom: 1px solid var(--tabla-borde);
  border-right: 1px solid var(--tabla-borde);
  box-sizing: border-box;
  min-width: 128px;
  padding: 5px 8px;
  vertical-align: middle;
  white-space: nowrap;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones tr > :last-child {
  border-right: 0;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody tr:last-child > * {
  border-bottom: 0;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th {
  background: rgba(30, 41, 59, 0.75);
  color: var(--tabla-texto-secundario);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  padding: 12px;
  text-align: center;
  text-transform: uppercase;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th:first-child {
  background: rgba(250, 204, 21, 0.1);
  box-shadow: inset 0 3px 0 var(--tabla-amarillo);
  color: #fde68a;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th:last-child {
  background: rgba(52, 211, 153, 0.08);
  box-shadow: inset 0 3px 0 var(--tabla-verde);
  color: #a7f3d0;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th[data-operacion="1"] { box-shadow: inset 0 3px 0 #60a5fa; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th[data-operacion="2"] { box-shadow: inset 0 3px 0 #34d399; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th[data-operacion="3"] { box-shadow: inset 0 3px 0 #c084fc; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th[data-operacion="4"] { box-shadow: inset 0 3px 0 #fb923c; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th[data-operacion="5"] { box-shadow: inset 0 3px 0 #f472b6; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones .superiorparatabla {
  color: var(--tabla-texto);
  font-family: inherit;
  font-size: 0.82rem;
  text-decoration: none;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody td,
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody th {
  background: rgba(15, 23, 42, 0.54);
  color: var(--tabla-texto);
  transition: background-color 140ms ease;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody tr:hover > td,
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody tr:hover > th {
  background-color: rgba(255, 255, 255, 0.045);
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody td[data-operacion="1"] { background: rgba(96, 165, 250, 0.055); }
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody td[data-operacion="2"] { background: rgba(52, 211, 153, 0.055); }
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody td[data-operacion="3"] { background: rgba(192, 132, 252, 0.055); }
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody td[data-operacion="4"] { background: rgba(251, 146, 60, 0.055); }
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody td[data-operacion="5"] { background: rgba(244, 114, 182, 0.055); }
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody tr:first-child > td:first-child {
  background: rgba(250, 204, 21, 0.08);
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody tr:first-child > th {
  background: rgba(52, 211, 153, 0.07);
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones .resumen-inicial-celda {
  background: rgba(52, 211, 153, 0.07);
  min-width: 210px;
  padding: 18px;
  text-align: center;
  white-space: normal;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody tr:hover > .resumen-inicial-celda {
  background: rgba(52, 211, 153, 0.07);
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones label[for="preciosubyacente"] {
  display: inline-block;
  margin-bottom: 8px;
}
cuerpocentro.claro-inversiones-derivados .resumen-inicial-contenido {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 230px;
}
cuerpocentro.claro-inversiones-derivados .resumen-inicial-etiqueta {
  color: #a7f3d0;
  font-size: 0.76rem;
  letter-spacing: 0.025em;
  line-height: 1.35;
  max-width: 155px;
  text-transform: uppercase;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones #res_desembolso_neto {
  background: rgba(2, 6, 23, 0.58);
  border: 1px solid rgba(52, 211, 153, 0.32);
  border-radius: 9px;
  color: var(--tabla-verde);
  display: block;
  font-family: Cambria, Georgia, serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 14px;
  max-width: 175px;
  overflow-wrap: anywhere;
  padding: 10px 12px;
  white-space: normal;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody tr:nth-child(n+2):nth-child(-n+5) > td:first-child {
  color: var(--tabla-texto-secundario);
  font-size: 0.78rem;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones td[rowspan] {
  color: var(--tabla-texto-secundario);
  line-height: 1.55;
  white-space: normal;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones .chico {
  color: inherit;
  font-family: inherit;
  font-size: 0.82rem;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones .encabezado-resultados th {
  background: rgba(30, 41, 59, 0.92);
  border-top: 1px solid rgba(96, 165, 250, 0.35);
  color: #e2e8f0;
  font-size: 0.72rem;
  hyphens: auto;
  letter-spacing: 0.02em;
  line-height: 1.35;
  max-width: 150px;
  min-width: 110px;
  overflow-wrap: break-word;
  text-wrap: balance;
  text-transform: uppercase;
  white-space: normal;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones .resultado-operacion {
  color: #ffc;
  font-family: Cambria, Georgia, serif;
  font-weight: 700;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones .resultado-total {
  background: #eef2ff;
  color: #000066;
  font-family: Cambria, Georgia, serif;
  font-weight: 700;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody tr:hover > .resultado-total {
  background: #dfe7ff;
}
cuerpocentro.claro-inversiones-derivados .nota-resultados {
  background: rgba(15, 23, 42, 0.64);
  border: 1px solid var(--tabla-borde);
  border-left: 3px solid var(--tabla-azul);
  border-radius: 10px;
  color: var(--tabla-texto-secundario);
  font-size: 0.82rem;
  line-height: 1.55;
  margin: 14px auto 0;
  max-width: 980px;
  padding: 11px 14px;
  text-align: left;
}
cuerpocentro.claro-inversiones-derivados .nota-resultados strong {
  color: #e2e8f0;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones .columna-etiqueta {
  color: #e2e8f0;
  font-size: 0.78rem;
  font-weight: 700;
  min-width: 150px;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones input,
cuerpocentro.claro-inversiones-derivados .tabla-opciones select {
  background: rgba(2, 6, 23, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 9px;
  box-sizing: border-box;
  color: var(--tabla-texto);
  font-family: inherit;
  font-size: 14px;
  max-width: 180px;
  min-height: 40px;
  outline: none;
  padding: 8px 10px;
  text-align: center;
  width: 100%;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones select option {
  background: #0f172a;
  color: var(--tabla-texto);
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones input:disabled,
cuerpocentro.claro-inversiones-derivados .tabla-opciones select:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones input:focus-visible,
cuerpocentro.claro-inversiones-derivados .tabla-opciones select:focus-visible {
  border-color: var(--tabla-azul);
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones-scroll:focus-visible {
  outline: 3px solid rgba(96, 165, 250, 0.45);
  outline-offset: 3px;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones #preciosubyacente {
  border-color: rgba(250, 204, 21, 0.55);
  font-weight: 700;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones .mensajealerta {
  background: rgba(251, 113, 133, 0.08);
  color: var(--tabla-rojo);
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones .mensajeatencion {
  background: rgba(250, 204, 21, 0.08);
  color: var(--tabla-amarillo);
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones .mensajeok {
  background: rgba(52, 211, 153, 0.08);
  color: var(--tabla-verde);
}
cuerpocentro.claro-inversiones-derivados .ayuda-tabla {
  color: var(--tabla-texto-secundario);
  font-size: 0.82rem;
  line-height: 1.55;
  margin: 12px auto 0;
  max-width: 980px;
  text-align: center;
}
cuerpocentro.claro-inversiones-derivados .estado-calculo {
  min-height: 24px;
  text-align: center;
}
cuerpocentro.claro-inversiones-derivados .gris {
  color: #717579;
  text-align: center;
  font-family: Cambria;
  margin: 3px;
  font-size: 0.5rem;
  padding: 3px;
}
cuerpocentro.claro-inversiones-derivados .estado-calculo.error {
  color: #9b111e;
  font-weight: bold;
}
cuerpocentro.claro-inversiones-derivados .contenedor-grafico {
  margin: 20px auto;
  width: 80%;
}
@media (max-width: 700px) {
cuerpocentro.claro-inversiones-derivados .tabla-opciones-panel {
    border-radius: 12px;
    padding: 12px;
    width: calc(100% - 16px);
  }
cuerpocentro.claro-inversiones-derivados .tabla-opciones-scroll {
    width: 100%;
  }
cuerpocentro.claro-inversiones-derivados .tabla-opciones th,
cuerpocentro.claro-inversiones-derivados .tabla-opciones td {
    min-width: 118px;
    padding: 9px 10px;
  }
cuerpocentro.claro-inversiones-derivados .contenedor-grafico {
    width: 94%;
  }
}

cuerpocentro.claro-inversiones-derivados .claro-inversiones-derivados-form { max-width: 640px; margin: 18px auto; padding: 16px; }
cuerpocentro.claro-inversiones-derivados #form1.claro-inversiones-derivados-form--ancho,
cuerpocentro.claro-inversiones-derivados .claro-inversiones-derivados-form--ancho { max-width: none; width: 100%; }
cuerpocentro.claro-inversiones-derivados .claro-acciones { justify-content: center; margin-top: 12px; }
cuerpocentro.claro-inversiones-derivados .claro-inversiones-derivados-form :is(td, th) { padding: 6px 8px; font-size: 14px; text-align: center; color: #111; }
cuerpocentro.claro-inversiones-derivados .claro-inversiones-derivados-form input:not([type="hidden"]):not([type="submit"]) { max-width: 100%; min-height: 29px; padding: 3px 7px; font-size: 14px; text-align: center; }
cuerpocentro.claro-inversiones-derivados :is(.principalesvinculosblancos, .datoscalculador) { color: #111; font-family: var(--cl-fuente); }
cuerpocentro.claro-inversiones-derivados td[bgcolor]:not([bgcolor="#FFFFFF"]):not([bgcolor="#FFF"]) { background: #E4D9C7; color: #111; }
cuerpocentro.claro-inversiones-derivados td[bgcolor="#CCFFFF"] { background: #E4D9C7; color: var(--cl-caoba); font-weight: 700; }
cuerpocentro.claro-inversiones-derivados .claro-resultados { margin: 24px 0; }
cuerpocentro.claro-inversiones-derivados .claro-resultados .centraTabla { margin: 16px 0; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones-panel {
  --tabla-bg-principal: #FFFDF9; --tabla-bg-panel: var(--cl-papel); --tabla-borde: var(--cl-borde);
  --tabla-texto: #111; --tabla-texto-secundario: var(--cl-texto); --tabla-azul: #984B30;
  --tabla-verde: #365B27; --tabla-amarillo: #854D0E; --tabla-rojo: #9B111E;
  background: #FFFDF9; border-color: var(--cl-borde); box-shadow: 0 5px 20px #66232505;
  font-family: var(--cl-fuente); width: 100%; padding: 12px; border-radius: 9px;
}
cuerpocentro.claro-inversiones-derivados .tabla-opciones :is(th, td),
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody :is(th, td)[data-operacion] { background: var(--cl-papel); color: #111; border-color: var(--cl-borde); }
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th,
cuerpocentro.claro-inversiones-derivados .tabla-opciones .encabezado-resultados th { background: #E4D9C7 !important; color: var(--cl-caoba); }
cuerpocentro.claro-inversiones-derivados .tabla-opciones :is(.resumen-inicial-celda, .resultado-total),
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody tr:first-child > th { background: #D9EBCB; color: #365B27; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody tr:first-child > td:first-child { background: var(--cl-crema); }
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody :is(td, th):not(.resultado-total) { background: var(--cl-papel) !important; color: #111 !important; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th { color: var(--cl-caoba) !important; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody .resumen-inicial-celda { background: #D9EBCB !important; color: #365B27 !important; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones tbody .resultado-total { background: var(--cl-papel); color: #111; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th[data-operacion="1"] { box-shadow: inset 0 3px 0 #4C7C38; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th[data-operacion="2"] { box-shadow: inset 0 3px 0 #76528B; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th[data-operacion="3"] { box-shadow: inset 0 3px 0 #B66A27; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th[data-operacion="4"] { box-shadow: inset 0 3px 0 #006B63; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones thead th[data-operacion="5"] { box-shadow: inset 0 3px 0 #42474D; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones .encabezado-resultados th { background: #E4D9C7 !important; color: var(--cl-caoba) !important; }
cuerpocentro.claro-inversiones-derivados .claro-subtitulo-pagina { font: 400 18px/1.5 var(--cl-fuente); text-align: center; margin: -6px 0 24px; }
cuerpocentro.claro-inversiones-derivados :is(.resumen-inicial-etiqueta, .nota-resultados strong) { color: #365B27; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones :is(input, select, select option, #res_desembolso_neto) { background: var(--cl-papel); color: #111; border-color: #B8AD9B; border-radius: 7px; }
cuerpocentro.claro-inversiones-derivados .nota-resultados { background: var(--cl-crema); color: #111; border-color: var(--cl-borde); }
cuerpocentro.claro-inversiones-derivados .boton-operacion { background: var(--cl-crema); color: var(--cl-caoba); border: 1px solid #B8AD9B; font: 700 14px var(--cl-fuente); }
cuerpocentro.claro-inversiones-derivados .boton-operacion:hover { background: #E4D9C7; }
cuerpocentro.claro-inversiones-derivados .tabla-opciones-scroll::-webkit-scrollbar-track { background: var(--cl-crema); }
cuerpocentro.claro-inversiones-derivados .tabla-opciones-scroll::-webkit-scrollbar-thumb { background: #B8AD9B; border-color: var(--cl-crema); }
cuerpocentro.claro-inversiones-derivados .claro-grafico { width: 100%; padding: 12px 0; margin: 24px 0; }
cuerpocentro.claro-inversiones-derivados .claro-grafico-lienzo { position: relative; width: 100%; height: clamp(320px, 50vh, 520px); margin: 12px 0; }
cuerpocentro.claro-inversiones-derivados .claro-grafico canvas { background: transparent; padding: 0; }
cuerpocentro.claro-inversiones-derivados .claro-grafico-leyenda button::before { background: var(--serie-color); }
cuerpocentro.claro-inversiones-derivados .claro-grafico-leyenda-titulo { text-align: center; margin: 0; color: #111; font-weight: 700; }
cuerpocentro.claro-inversiones-derivados .centraTabla:has(.claro-grafico) { border: 0; overflow: visible; }
cuerpocentro.claro-inversiones-derivados .centraTabla:has(.claro-grafico) :is(table, td) { background: transparent; border: 0; padding: 0; }
.claro-impresion-local { display: none; }
@media print {
  body.claro-imprimiendo-grafico { background: #FFF; margin: 0; padding: 0; }
  body.claro-imprimiendo-grafico > :not(.claro-impresion-local) { display: none !important; }
  body.claro-imprimiendo-grafico > .claro-impresion-local { display: block; page: lecap-grafico; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .claro-impresion-local img { display: block; width: auto; height: auto; max-width: 100%; max-height: 220mm; margin: 0 auto; object-fit: contain; break-inside: avoid; }
}
@media (max-width: 640px) {
  cuerpocentro.claro-inversiones-derivados .claro-inversiones-derivados-form { padding: 12px; }
  cuerpocentro.claro-inversiones-derivados .claro-inversiones-derivados-form table { min-width: 380px; }
  cuerpocentro.claro-inversiones-derivados #formDolarVsTasa table { min-width: 0; table-layout: fixed; }
  cuerpocentro.claro-inversiones-derivados #formDolarVsTasa td { width: auto; padding: 6px 4px; overflow-wrap: anywhere; }
  cuerpocentro.claro-inversiones-derivados #formDolarVsTasa tr:first-child td:first-child { width: 24%; }
  cuerpocentro.claro-inversiones-derivados #formDolarVsTasa tr:first-child td:nth-child(2) { width: 28%; }
  cuerpocentro.claro-inversiones-derivados #formDolarVsTasa input { width: 100%; min-width: 0; font-size: 13px; }
  cuerpocentro.claro-inversiones-derivados .claro-inversiones-derivados-form--ancho table { min-width: 720px; }
  cuerpocentro.claro-inversiones-derivados .tabla-opciones-panel { padding: 0; }
}


/* Inversiones: presentación de Estética y del calculador de LECAP. */
cuerpocentro.claro-inversiones-acciones { min-width: 0; box-sizing: border-box; }
cuerpocentro.claro-inversiones-acciones .claro-encabezado { margin-bottom: 20px; }
cuerpocentro.claro-inversiones-acciones .centraTabla { margin-block: 20px; }
cuerpocentro.claro-inversiones-acciones .claro-tabla-cabecera :is(h2, h3, .superiorparatabla),
cuerpocentro.claro-inversiones-acciones td.superiorparatabla {
    color: var(--cl-caoba); background: none; font: 600 14px/1.5 var(--cl-fuente); margin: 0;
}
cuerpocentro.claro-inversiones-acciones .claro-botones-enlace { margin-top: 28px; }
cuerpocentro.claro-inversiones-acciones .claro-buscador { width: 100%; max-width: 600px; margin-inline: auto; text-align: center; }
cuerpocentro.claro-inversiones-acciones .claro-buscador .centraTabla { margin: 0 0 16px; }
cuerpocentro.claro-inversiones-acciones .claro-buscador .segundosvinculos { margin: 12px 0; font: 400 14px/1.6 var(--cl-fuente); color: #111; }
cuerpocentro.claro-inversiones-acciones .botonrecomendacion {
    min-height: 34px; margin: 3px; padding: 5px 10px; background: var(--cl-crema);
    color: var(--cl-caoba); border: 1px solid #B8AD9B; font-size: 13px;
}
cuerpocentro.claro-inversiones-acciones .botonrecomendacion:hover { background: #E4D9C7; }
cuerpocentro.claro-inversiones-acciones .claro-buscador input[type="text"] { width: 150px; text-align: center; }
cuerpocentro.claro-inversiones-acciones--buscador :is(p.titulodelcuerpo, h2.claro-empresa-buscada) { font-size: 24px; margin: 28px 0 16px; }
cuerpocentro.claro-inversiones-acciones .tradingview-widget-container { max-width: 100%; min-width: 0; margin-inline: auto; }
/* Los widgets conservan su altura y herramientas del proveedor. */
cuerpocentro.claro-inversiones-acciones .tradingview-widget-container iframe { aspect-ratio: auto; height: revert; border-radius: 8px; }
cuerpocentro.claro-inversiones-acciones .claro-fibonacci { display: block; height: 650px; aspect-ratio: auto; }
cuerpocentro.claro-inversiones-acciones .claro-embed-titulo { padding: 14px 16px; margin-top: 24px; background: #E4D9C7; border: 1px solid var(--cl-borde); border-radius: 9px 9px 0 0; }
cuerpocentro.claro-inversiones-acciones .claro-embed-titulo h2 { margin: 0; font-size: 21px; }
cuerpocentro.claro-inversiones-acciones .claro-embed-titulo .frases { font: inherit; color: inherit; }
cuerpocentro.claro-inversiones-acciones .claro-embed-panel { padding: 16px; border: 1px solid var(--cl-borde); border-top: 0; border-radius: 0 0 9px 9px; background: #FFFDF9; }
cuerpocentro.claro-inversiones-acciones .claro-embed-panel p:last-child { margin-bottom: 0; }
cuerpocentro.claro-inversiones-acciones iframe[class*="claro-embed-alto-"] { display: block; aspect-ratio: auto; }
cuerpocentro.claro-inversiones-acciones .claro-embed-alto-700 { height: 700px; }
cuerpocentro.claro-inversiones-acciones .claro-embed-alto-2150 { height: 2150px; }
cuerpocentro.claro-inversiones-acciones .claro-embed-alto-650 { height: 650px; }
cuerpocentro.claro-inversiones-acciones .claro-embed-alto-600 { height: 600px; }
cuerpocentro.claro-inversiones-acciones .claro-adr-explicacion { margin-top: 28px; }

/* Paneles e indicadores de la curva soberana. */
cuerpocentro.claro-inversiones-acciones .seb-curva-app { background: transparent; color: #111; padding: 0; margin: 20px 0; font-family: var(--cl-fuente); }
cuerpocentro.claro-inversiones-acciones .seb-curva-app * { box-sizing: border-box; }
cuerpocentro.claro-inversiones-acciones .seb-header { margin-bottom: 20px; }
cuerpocentro.claro-inversiones-acciones .seb-title { -webkit-text-fill-color: var(--cl-titulo); }
cuerpocentro.claro-inversiones-acciones .seb-badge-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; }
cuerpocentro.claro-inversiones-acciones .seb-badge { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--cl-borde); background: var(--cl-crema); border-radius: 7px; font-size: 13px; }
cuerpocentro.claro-inversiones-acciones .seb-pulse { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--cl-verde); }
cuerpocentro.claro-inversiones-acciones .seb-panel { padding: 16px; margin: 24px 0; border: 1px solid var(--cl-borde); border-radius: 14px; background: #FFFDF9; box-shadow: 0 5px 20px #66232505; }
cuerpocentro.claro-inversiones-acciones .seb-panel-title { margin: 0 0 16px; font-size: 21px; }
cuerpocentro.claro-inversiones-acciones .seb-chart-container { position: relative; width: 100%; height: 380px; min-width: 0; }
cuerpocentro.claro-inversiones-acciones .seb-chart-container-sm { height: 340px; }
cuerpocentro.claro-inversiones-acciones .seb-table-wrapper { overflow-x: auto; border: 1px solid var(--cl-borde); border-radius: 9px; }
cuerpocentro.claro-inversiones-acciones .seb-table :is(td, th) { padding: 6px; white-space: nowrap; }
cuerpocentro.claro-inversiones-acciones .seb-table th { text-transform: uppercase; font-size: 12px; }
cuerpocentro.claro-inversiones-acciones .seb-text-right { text-align: right; }
cuerpocentro.claro-inversiones-acciones .seb-font-mono { font-family: var(--cl-fuente); font-variant-numeric: tabular-nums; }
cuerpocentro.claro-inversiones-acciones :is(.seb-ticker-cell, .seb-price-cell, .seb-yield-cell) { font-weight: 700; color: #111; }
cuerpocentro.claro-inversiones-acciones .seb-ticker-cell { color: var(--cl-verde); }
cuerpocentro.claro-inversiones-acciones :is(.seb-law-cell, .seb-muted-cell, .seb-source-cell) { color: #111; }
cuerpocentro.claro-inversiones-acciones .seb-invalid-cell { color: #991B1B; }
cuerpocentro.claro-inversiones-acciones .seb-price-input { width: 96px; min-height: 32px; padding: 3px 8px; font-size: 14px; text-align: right; }
cuerpocentro.claro-inversiones-acciones .seb-date-input { min-height: 34px; padding: 4px 8px; font-size: 14px; }
cuerpocentro.claro-inversiones-acciones .seb-bps-number { width: 105px; text-align: right; }
cuerpocentro.claro-inversiones-acciones .seb-sensitivity-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 14px; margin-bottom: 16px; background: var(--cl-crema); border: 1px solid var(--cl-borde); border-radius: 9px; }
cuerpocentro.claro-inversiones-acciones .seb-range-label { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; }
cuerpocentro.claro-inversiones-acciones .seb-bps-value { font-weight: 700; white-space: nowrap; }
cuerpocentro.claro-inversiones-acciones .seb-range { width: 100%; accent-color: var(--cl-verde); }
cuerpocentro.claro-inversiones-acciones .seb-technical-note { padding: 14px; margin-top: 16px; background: var(--cl-crema); border: 1px solid var(--cl-borde); border-radius: 9px; font-size: 13px; line-height: 1.6; }
cuerpocentro.claro-inversiones-acciones .seb-error-container { margin: 24px 0; padding: 24px; border: 1px solid #B91C1C; border-radius: 12px; background: #FEF2F2; color: #111; }
cuerpocentro.claro-inversiones-acciones .seb-error-title { color: #991B1B; font-size: 21px; font-weight: 700; }

/* Matriz inmobiliaria: disposición local, sin dependencia del diseño Tailwind. */
cuerpocentro.claro-inversiones-acciones .matrix-container { font-family: var(--cl-fuente); color: #111; width: 100%; min-width: 0; padding: 0; }
cuerpocentro.claro-inversiones-acciones .matrix-container *,
cuerpocentro.claro-inversiones-acciones .matrix-container *::before,
cuerpocentro.claro-inversiones-acciones .matrix-container *::after { box-sizing: border-box; }
cuerpocentro.claro-inversiones-acciones .matrix-container .hidden { display: none; }
cuerpocentro.claro-inversiones-acciones .matrix-container .grid { display: grid; }
cuerpocentro.claro-inversiones-acciones .matrix-container .grid-cols-1 { grid-template-columns: minmax(0,1fr); }
cuerpocentro.claro-inversiones-acciones .matrix-container .flex { display: flex; }
cuerpocentro.claro-inversiones-acciones .matrix-container .items-center { align-items: center; }
cuerpocentro.claro-inversiones-acciones .matrix-container .items-end { align-items: flex-end; }
cuerpocentro.claro-inversiones-acciones .matrix-container .justify-between { justify-content: space-between; }
cuerpocentro.claro-inversiones-acciones .matrix-container .block { display: block; }
cuerpocentro.claro-inversiones-acciones .matrix-container .relative { position: relative; }
cuerpocentro.claro-inversiones-acciones .matrix-container .w-full { width: 100%; min-width: 0; }
cuerpocentro.claro-inversiones-acciones .matrix-container .max-w-full { max-width: 100%; }
cuerpocentro.claro-inversiones-acciones .matrix-container .gap-3 { gap: 12px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .gap-4 { gap: 16px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .gap-6 { gap: 20px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .space-x-3 > * + * { margin-left: 12px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .space-y-6 > * + * { margin-top: 20px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .space-y-1 > * + * { margin-top: 4px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .mr-2 { margin-right: 8px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .ml-0\.5 { margin-left: 2px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .mt-1 { margin-top: 4px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .mt-2 { margin-top: 8px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .mb-0 { margin-bottom: 0; }
cuerpocentro.claro-inversiones-acciones .matrix-container .mb-1 { margin-bottom: 4px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .mb-2 { margin-bottom: 8px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .mb-3 { margin-bottom: 12px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .mb-4 { margin-bottom: 16px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .pl-5 { padding-left: 20px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .pb-2 { padding-bottom: 8px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .p-2\.5 { padding: 10px; }
cuerpocentro.claro-inversiones-acciones .matrix-container :is(.p-4, .p-5, .p-6) { padding: 16px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .text-center { text-align: center; }
cuerpocentro.claro-inversiones-acciones .matrix-container .whitespace-nowrap { white-space: nowrap; }
cuerpocentro.claro-inversiones-acciones .matrix-container .uppercase { text-transform: uppercase; }
cuerpocentro.claro-inversiones-acciones .matrix-container .normal-case { text-transform: none; }
cuerpocentro.claro-inversiones-acciones .matrix-container .leading-relaxed { line-height: 1.65; }
cuerpocentro.claro-inversiones-acciones .matrix-container .font-bold { font-weight: 700; }
cuerpocentro.claro-inversiones-acciones .matrix-container .font-semibold { font-weight: 600; }
cuerpocentro.claro-inversiones-acciones .matrix-container .font-normal { font-weight: 400; }
cuerpocentro.claro-inversiones-acciones .matrix-container .text-xs { font-size: 12px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .text-sm { font-size: 14px; }
cuerpocentro.claro-inversiones-acciones .matrix-container :is(.text-base, .text-md) { font-size: 16px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .text-xl { font-size: 21px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .text-2xl { font-size: 24px; }
cuerpocentro.claro-inversiones-acciones .matrix-container :is([class~="text-[10px]"], [class~="text-[11px]"]) { font-size: 12px; }
cuerpocentro.claro-inversiones-acciones .matrix-container :is(.glass-effect, .peach-block) { background: #FFFDF9; border: 1px solid var(--cl-borde); border-radius: 14px; padding: 16px; box-shadow: 0 5px 20px #66232505; }
cuerpocentro.claro-inversiones-acciones .matrix-container > section { margin-block: 24px; }
cuerpocentro.claro-inversiones-acciones .matrix-container > section:first-of-type { border: 0; box-shadow: none; padding: 0; background: none; }
cuerpocentro.claro-inversiones-acciones .matrix-container > section:first-of-type .flex { justify-content: center; }
cuerpocentro.claro-inversiones-acciones .matrix-container #tituloCalculadora { font: 600 clamp(30px,3vw,48px)/1.15 var(--cl-fuente); letter-spacing: -.045em; color: var(--cl-titulo); margin: 0; }
cuerpocentro.claro-inversiones-acciones .matrix-container :is(h2, h3) { color: var(--cl-caoba); margin-top: 0; }
cuerpocentro.claro-inversiones-acciones .matrix-container h2 { font-size: 21px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .peach-block > .grid { gap: 12px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .peach-block label { text-align: center; font-size: 12px; line-height: 1.5; min-height: 36px; justify-content: center; }
cuerpocentro.claro-inversiones-acciones .matrix-container .peach-block input[type="number"] { width: 100%; min-height: 34px; padding: 4px 8px; font-size: 14px; text-align: center; }
cuerpocentro.claro-inversiones-acciones .matrix-container :is([class*="text-slate-"], .text-white) { color: #111; }
cuerpocentro.claro-inversiones-acciones .matrix-container :is(.text-blue-400, .text-blue-500, .text-blue-600) { color: var(--cl-accion); }
cuerpocentro.claro-inversiones-acciones .matrix-container :is(.text-emerald-600, .text-green-600) { color: var(--cl-verde); }
cuerpocentro.claro-inversiones-acciones .matrix-container .text-orange-500 { color: var(--cl-terracota); }
cuerpocentro.claro-inversiones-acciones .matrix-container #bloqueAdvertencias,
cuerpocentro.claro-inversiones-acciones .matrix-container noscript .glass-effect { color: #991B1B; background: #FFF7ED; border-color: #D4AE80; }
cuerpocentro.claro-inversiones-acciones .matrix-container .glass-effect p { margin-bottom: 4px; }
cuerpocentro.claro-inversiones-acciones .matrix-container .claro-grafico-area { width: 100%; height: 380px; min-width: 0; }
cuerpocentro.claro-inversiones-acciones .slider-track { appearance: none; width: 100%; min-height: 0; height: 6px; padding: 0; background: var(--cl-borde); border: 0; border-radius: 3px; cursor: pointer; }
cuerpocentro.claro-inversiones-acciones .slider-track::-webkit-slider-thumb { appearance: none; width: 16px; height: 16px; border-radius: 50%; background: var(--cl-verde); }
cuerpocentro.claro-inversiones-acciones .slider-track::-moz-range-thumb { width: 16px; height: 16px; border: 0; border-radius: 50%; background: var(--cl-verde); }
cuerpocentro.claro-inversiones-acciones .help-tooltip { position: relative; display: inline-block; cursor: help; }
cuerpocentro.claro-inversiones-acciones .help-tooltip .tooltip-content { visibility: hidden; opacity: 0; position: absolute; z-index: 10; bottom: 125%; left: 50%; transform: translateX(-50%); width: min(240px,70vw); padding: 8px 10px; background: var(--cl-caoba); color: #FFF; border-radius: 6px; font: 400 12px/1.4 var(--cl-fuente); text-align: center; }
cuerpocentro.claro-inversiones-acciones .help-tooltip:hover .tooltip-content,
cuerpocentro.claro-inversiones-acciones .help-tooltip:focus-within .tooltip-content { visibility: visible; opacity: 1; }

/* Controles de gráficos propios: mismas clases que LECAP. */
cuerpocentro.claro-inversiones-acciones .claro-grafico-cabecera { margin-bottom: 12px; }
cuerpocentro.claro-inversiones-acciones .claro-grafico-leyenda { margin-top: 12px; }
cuerpocentro.claro-inversiones-acciones .claro-grafico-leyenda button::before { background: var(--cl-serie-color); }
cuerpocentro.claro-inversiones-acciones .claro-grafico-area canvas { padding: 0; }
cuerpocentro.claro-inversiones-acciones [data-claro-grafico] [hidden] { display: none !important; }
cuerpocentro.claro-inversiones-acciones :is(button, input, select):focus-visible { outline: 2px solid var(--cl-accion); outline-offset: 3px; }
@media (min-width: 640px) {
    cuerpocentro.claro-inversiones-acciones .matrix-container [class~="sm:grid-cols-2"] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 1800px) {
    cuerpocentro.claro-inversiones-acciones .matrix-container [class~="lg:grid-cols-12"] { grid-template-columns: repeat(12,minmax(0,1fr)); }
    cuerpocentro.claro-inversiones-acciones .matrix-container [class~="lg:col-span-5"] { grid-column: span 5; min-width: 0; }
    cuerpocentro.claro-inversiones-acciones .matrix-container [class~="lg:col-span-7"] { grid-column: span 7; min-width: 0; }
}
@media (min-width: 900px) {
    cuerpocentro.claro-inversiones-acciones .matrix-container [class~="md:grid-cols-3"] { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 769px) {
    cuerpocentro.claro-inversiones-acciones :is(.seb-panel, .claro-embed-panel) { padding: 12px; }
    cuerpocentro.claro-inversiones-acciones .seb-sensitivity-controls { grid-template-columns: minmax(0,1fr); }
    cuerpocentro.claro-inversiones-acciones .claro-grafico-area { height: 340px; }
    cuerpocentro.claro-inversiones-acciones .claro-grafico-cabecera { justify-content: center; }
    cuerpocentro.claro-inversiones-acciones .matrix-container #tituloCalculadora { font-size: 30px; }
    cuerpocentro.claro-inversiones-acciones .matrix-container > section:first-of-type .flex { flex-wrap: wrap; }
}

/* Diseño de los artículos de inversiones: Estética / Calculador de LECAP.
   Reglas limitadas a estas páginas para preservar las demás secciones. */
body.claro-inversiones-lote .claro-cabecera-original { clear: both; }
body.claro-inversiones-lote .claro-cabecera-original :is(superiorizquierda, superiorcentro, superiorderecha) {
    display: block; float: none; width: 100%; height: auto; min-height: 0;
    margin: 0; padding: 0; border: 0; background: transparent;
    color: var(--cl-texto); font: 14px/1.5 var(--cl-fuente); box-sizing: border-box;
}
body.claro-inversiones-lote .claro-cabecera-original :is(superiorizquierda, superiorderecha) img {
    width: 42px; max-width: 100%; height: auto; margin: 0;
}
body.claro-inversiones-lote .claro-cabecera-original superiorcentro { text-align: center; }
body.claro-inversiones-lote .claro-cabecera-original superiorcentro a {
    font: 600 clamp(22px, 2.2vw, 34px)/1.2 var(--cl-fuente); color: var(--cl-caoba);
}
body.claro-inversiones-lote .claro-cabecera-original :is(superiorizquierda, superiorderecha) a:not(:has(img)) {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 9px 12px; margin: 4px 2px; min-height: 36px;
    border: 1px solid #C9AD92; border-radius: 8px;
    background: linear-gradient(160deg, #FFF9EE, var(--cl-crema));
    box-shadow: 0 3px 0 #B98C6F; color: var(--cl-caoba); font: 600 14px/1.3 var(--cl-fuente);
}
body.claro-inversiones-lote .claro-cabecera-original .ingresarregistrarse {
    color: inherit; font: inherit; background: transparent; border: 0;
    box-shadow: none; margin: 0; padding: 0;
}
body.claro-inversiones-lote .claro-cabecera-original .sinelefantesblancos {
    border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 0;
}
body.claro-inversiones-lote .claro-cabecera-original superiorderecha { text-align: right; }
body.claro-inversiones-lote .claro-cabecera-original sharethis { display: block; float: none; height: auto; }
body.claro-inversiones-lote .claro-anuncio-alto { display: inline-block; width: 300px; height: 600px; }
cuerpocentro.claro-inversiones-lote { min-width: 0; }
cuerpocentro.claro-inversiones-lote :is(h1.dentrotabla, p.claro-subtitulo) { font-size: 22px; font-weight: 600; line-height: 1.15; letter-spacing: -.045em; color: var(--cl-titulo); text-align: center; margin: 4px 0 20px; }
cuerpocentro.claro-inversiones-lote .claro-calculador { max-width: 600px; background: #FFFDF9; }
cuerpocentro.claro-inversiones-lote #form1.claro-calculador { max-width: 600px; }
cuerpocentro.claro-inversiones-lote .claro-calculador .claro-precios { table-layout: auto; }
cuerpocentro.claro-inversiones-lote .claro-precios :is(td, th) { padding: 7px 9px; }
cuerpocentro.claro-inversiones-lote .claro-precios td.superiorparatabla {
    background: var(--cl-crema); color: #111; font: 700 13px/1.5 var(--cl-fuente);
}
cuerpocentro.claro-inversiones-lote .claro-precios input:not([type="hidden"]) {
    display: inline-block; width: 130px; min-height: 30px; margin: 0 auto;
    padding: 3px 8px; font-size: 14px; font-weight: 700; text-align: center;
}
cuerpocentro.claro-inversiones-lote .claro-resultados { margin: 24px 0; }
cuerpocentro.claro-inversiones-lote .claro-tabla-diaria { max-height: 350px; overflow: auto; width: 100%; margin: 10px auto; }
cuerpocentro.claro-inversiones--plazo-fijo-uva #form1.claro-calculador { max-width: none; }
cuerpocentro.claro-inversiones--plazo-fijo-uva .claro-precios { min-width: 550px; }
cuerpocentro.claro-inversiones--plazo-fijo-uva .claro-precios input:not([type="hidden"]) {
    width: 90px; max-width: 100%;
}
cuerpocentro.claro-inversiones-lote :is(#spinner-container, #cargando) { display: none; justify-content: center; align-items: center; margin: 24px 0; }
cuerpocentro.claro-inversiones-lote .claro-grafico-area { position: relative; width: 100%; height: 380px; min-width: 0; }
cuerpocentro.claro-inversiones-lote .claro-grafico-area canvas { padding: 0; background: var(--cl-papel); }
cuerpocentro.claro-inversiones-lote .claro-grafico-viewport { width: 100%; height: 400px; min-width: 0; }
cuerpocentro.claro-inversiones-lote .claro-grafico-leyenda { margin-top: 12px; }
cuerpocentro.claro-inversiones-lote .claro-grafico-leyenda button::before { background: var(--cl-serie-color); }
cuerpocentro.claro-inversiones-lote .claro-grafico [hidden] { display: none !important; }
cuerpocentro.claro-inversiones--mercado #variable h3 { margin: 0; }
cuerpocentro.claro-inversiones-lote iframe[src*="drive.google.com"] { height: 480px; aspect-ratio: auto; }
cuerpocentro.claro-inversiones--mercado iframe[src*="docs.google.com"] { height: 2800px; aspect-ratio: auto; }
/* Las utilidades del informe BCRA se resuelven en estilos.css. */
cuerpocentro.claro-inversiones-lote .bcra-app-container { font-family: var(--cl-fuente); color: #111; width: 100%; min-width: 0; }
cuerpocentro.claro-inversiones-lote .bcra-app-container * { box-sizing: border-box; }
cuerpocentro.claro-inversiones-lote .bcra-app-container > div { border: 1px solid var(--cl-borde); border-radius: 12px; background: #FFFDF9; margin-bottom: 24px; overflow: hidden; }
cuerpocentro.claro-inversiones-lote .bcra-app-container .p-4 { padding: 16px; background: var(--cl-crema); }
cuerpocentro.claro-inversiones-lote .bcra-app-container .p-4 h2 { margin: 0; }
cuerpocentro.claro-inversiones-lote .bcra-table-container { overflow-x: auto; max-width: 100%; scrollbar-color: #B8AD9B var(--cl-crema); }
cuerpocentro.claro-inversiones-lote .bcra-table { width: 100%; min-width: 560px; }
cuerpocentro.claro-inversiones-lote .bcra-table :is(td, th) { padding: 7px 9px; }
cuerpocentro.claro-inversiones-lote .bcra-table th { background: #E4D9C7; color: var(--cl-caoba); }
cuerpocentro.claro-inversiones-lote .bcra-app-container .grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
cuerpocentro.claro-inversiones-lote .bcra-app-container .block { display: block; }
cuerpocentro.claro-inversiones-lote .bcra-app-container .w-full { width: 100%; }
cuerpocentro.claro-inversiones-lote .bcra-app-container .text-right { text-align: right; }
cuerpocentro.claro-inversiones-lote .bcra-app-container .text-center { text-align: center; }
cuerpocentro.claro-inversiones-lote .bcra-app-container .text-left { text-align: left; }
cuerpocentro.claro-inversiones-lote .bcra-app-container :is(.font-semibold, .font-bold, .font-medium) { font-weight: 700; }
cuerpocentro.claro-inversiones-lote .bcra-app-container .text-xs { font-size: 12px; }
cuerpocentro.claro-inversiones-lote .bcra-app-container .p-8 { padding: 24px; }
@media (min-width: 1000px) {
    cuerpocentro.claro-inversiones-lote .bcra-app-container .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1600px) {
    cuerpocentro.claro-inversiones-lote .bcra-app-container .grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 769px) {
    body.claro-inversiones-lote .claro-cabecera-original { grid-template-columns: 1fr; gap: 12px; padding: 16px; }
    body.claro-inversiones-lote .claro-cabecera-original :is(superiorizquierda, superiorderecha) { text-align: center; }
    cuerpocentro.claro-inversiones-lote .claro-grafico-area { height: 340px; }
    cuerpocentro.claro-inversiones-lote .claro-grafico-viewport { height: 380px; }
    cuerpocentro.claro-inversiones-lote .claro-calculador { padding: 12px; }
    cuerpocentro.claro-inversiones-lote .claro-panel { padding: 12px; }
    cuerpocentro.claro-inversiones-lote .claro-precios input:not([type="hidden"]) { width: 115px; }
    cuerpocentro.claro-inversiones--plazo-fijo-uva .claro-precios input:not([type="hidden"]) { width: 90px; }
    cuerpocentro.claro-inversiones-lote .claro-resultados table { min-width: 480px; }
}

/* Inversiones: las siete páginas restantes, con la base de Estética y LECAP. */
cuerpocentro.claro-inversiones-restantes--resumen .rdm-hero {
    color: #ffffff;
    background: #103f3a;
    border: 1px solid rgba(135, 206, 180, .55);
    border-radius: 8px;
    padding: 16px;
    margin: 0 0 14px 0;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-hero h2 {
    margin: 0 0 8px 0;
    font-family: Cambria, serif;
    font-size: 1.6rem;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-toolbar {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-status {
    color: #dcefe8;
    font-family: Arial, sans-serif;
    font-size: .9rem;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-toolbar .rdm-status {
    min-width: 0;
    white-space: nowrap;
    font-size: .78rem;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-toolbar #rdm-status {
    flex: 1 1 auto;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-toolbar #rdm-cache-status {
    flex: 0 1 auto;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-btn {
    flex: 0 0 auto;
    border: 1px solid #9bd4c2;
    background: #f3fff9;
    color: #11352f;
    border-radius: 6px;
    padding: 9px 13px;
    font-weight: bold;
    cursor: pointer;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-btn:disabled {
    opacity: .65;
    cursor: wait;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-section {
    margin: 16px 0 18px 0;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-flow-section {
    display: inline-block;
    vertical-align: top;
    width: auto;
    min-width: 280px;
    max-width: 100%;
    margin: 12px 10px 16px 0;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-flow-section .rdm-section-title {
    background: #1d3f47;
    border: 2px solid #8fb9bf;
    border-bottom: none;
    border-radius: 7px 7px 0 0;
    font-size: 1rem;
    padding: 8px 10px;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-flow-section .rdm-panel {
    border: 2px solid #8fb9bf;
    border-top: none;
    border-radius: 0 0 7px 7px;
    background: #ffffff;
    width: auto;
    min-width: 280px;
    max-width: 100%;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-flow-section .rdm-table {
    width: auto;
    min-width: 100%;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-section-title {
    background-color: #0b5c53;
    color: #fff;
    font-family: Cambria, serif;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 9px 8px;
    border-radius: 8px 8px 0 0;
    border: 4px solid #78bca8;
    border-bottom: none;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-section-subtitle {
    display: block;
    margin-top: 3px;
    color: #d5eee7;
    font: 400 .76rem/1.35 Arial, sans-serif;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-panel {
    background: #f2f5f4;
    color: #101515;
    border: 4px solid rgba(102, 205, 170, 1);
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 12px;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table-wrap {
    width: 100%;
    overflow-x: auto;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    font-size: .9rem;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table th,
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table td {
    border: 1px solid #c9d8d4;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table th {
    background: #e1ece8;
    color: #183831;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table tbody tr {
    transition: background-color .15s ease;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table tbody tr:hover {
    background-color: #fff8c9;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-number {
    text-align: right;
    white-space: nowrap;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-up {
    color: #006b35;
    font-weight: bold;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-down {
    color: #a31717;
    font-weight: bold;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-neutral {
    color: #394642;
    font-weight: bold;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-news-list {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-news-item {
    background: #ffffff;
    border: 1px solid #c9d8d4;
    border-radius: 8px;
    padding: 11px;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-news-topline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-badge {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 7px;
    border-radius: 999px;
    background: #e2efeb;
    color: #274e45;
    font-size: .68rem;
    font-weight: bold;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-badge-high {
    background: #fde7e3;
    color: #8b1c12;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-news-title {
    display: block;
    line-height: 1.35;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-news-list a,
cuerpocentro.claro-inversiones-restantes--resumen .rdm-link-grid a {
    color: #004d72;
    font-weight: bold;
    text-decoration: none;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-news-list a:hover,
cuerpocentro.claro-inversiones-restantes--resumen .rdm-link-grid a:hover {
    color: #007f5f;
    text-decoration: underline;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-news-why {
    margin-top: 7px;
    color: #344d47;
    font-size: .78rem;
    line-height: 1.42;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-small {
    color: #5d6a66;
    font-size: .8rem;
    margin-top: 4px;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-empty {
    background: #ffffff;
    border: 1px dashed #9badab;
    border-radius: 8px;
    color: #4d5956;
    padding: 12px;
    text-align: center;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-warning {
    background: #fff8e4;
    border: 1px solid #e6c56a;
    border-radius: 8px;
    padding: 10px;
    margin-top: 10px;
    color: #4b3b00;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-a3-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 14px;
    margin-bottom: 10px;
    color: #40534e;
    font-size: .8rem;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-a3-meta a {
    color: #004d72;
    font-weight: bold;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-a3-category {
    background: #e2efeb;
    color: #274e45;
    font-weight: bold;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-link-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 8px;
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-link-grid a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 9px;
    background: #ffffff;
    border: 1px solid #c9d8d4;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: .78rem;
    line-height: 1.35;
}
@media screen and (max-width: 769px) {
cuerpocentro.claro-inversiones-restantes--resumen .rdm-hero h2 {
        font-size: 1.35rem;
    }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table {
        font-size: .82rem;
    }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-toolbar {
        flex-wrap: wrap;
    }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-toolbar .rdm-status {
        flex: 1 1 100% !important;
        white-space: normal;
    }
}

cuerpocentro.claro-inversiones-restantes--opciones .vo-ayuda { color: #444; font-size: .92rem; line-height: 1.45; margin: .4rem auto 1rem; max-width: 820px; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-error { color: #b00020; font-weight: 700; min-height: 1.5em; text-align: center; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-resultado-unidad { color: #555; display: block; font-size: .78rem; font-weight: 400; margin-top: .2rem; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-explorador { box-sizing: border-box; margin: 2rem auto; max-width: 1200px; padding: 0 12px; width: 100%; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-explorador *,
cuerpocentro.claro-inversiones-restantes--opciones .vo-explorador *::before,
cuerpocentro.claro-inversiones-restantes--opciones .vo-explorador *::after { box-sizing: border-box; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-explorador h2,
cuerpocentro.claro-inversiones-restantes--opciones .vo-explorador h3 { line-height: 1.25; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-controles { background: #f7f9fb; border: 1px solid #d9e1e8; border-radius: 8px; display: grid; gap: 14px; grid-template-columns: repeat(5, minmax(130px, 1fr)); margin: 1rem 0 1.5rem; padding: 16px; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-control label { color: #222; display: block; font-size: .88rem; font-weight: 700; margin-bottom: 7px; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-control input[type="range"] { accent-color: #1769aa; cursor: pointer; width: 100%; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-control-valor { align-items: center; display: flex; gap: 5px; justify-content: center; margin-top: 7px; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-control-valor input { background: #fff; border: 1px solid #8996a3; border-radius: 4px; color: #222; font: inherit; font-variant-numeric: tabular-nums; max-width: 120px; min-height: 38px; padding: 6px 8px; text-align: right; width: 100%; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-control-valor input:focus { border-color: #1769aa; box-shadow: 0 0 0 3px rgba(23,105,170,.18); outline: none; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-control-unidad { color: #333; font-size: .88rem; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-fuente-tasa { color: #4b5560; font-size: .82rem; grid-column: 1 / -1; line-height: 1.4; margin: 0; text-align: center; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-graficos { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
cuerpocentro.claro-inversiones-restantes--opciones .vo-grafico { background: #fff; border: 1px solid #d7dde3; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.06); min-width: 0; padding: 14px; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-grafico-principal { grid-column: 1 / -1; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-grafico h3 { font-size: 1rem; margin: 0 0 10px; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-grafico label { display: block; font-size: .82rem; font-weight: 700; margin-bottom: 5px; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-grafico select { background: #fff; border: 1px solid #8996a3; border-radius: 4px; font: inherit; margin-bottom: 9px; max-width: 100%; min-height: 38px; padding: 6px; width: 100%; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-grafico select.vo-selector-eje { background: #f0e8d5; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-canvas-wrap { height: 260px; position: relative; width: 100%; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-canvas-wrap canvas { display: block; height: 100%; width: 100%; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-grafico-estado { color: #555; font-size: .78rem; line-height: 1.35; margin: 8px 0 0; min-height: 2.1em; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-nota-modelo { background: #fff8e6; border-left: 4px solid #d69e00; line-height: 1.5; margin: 1rem auto; max-width: 900px; padding: 12px 14px; }
@media (max-width: 1024px) {
cuerpocentro.claro-inversiones-restantes--opciones .vo-controles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
cuerpocentro.claro-inversiones-restantes--opciones .vo-controles,
cuerpocentro.claro-inversiones-restantes--opciones .vo-graficos { grid-template-columns: minmax(0, 1fr); }
cuerpocentro.claro-inversiones-restantes--opciones .vo-grafico-principal { grid-column: auto; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-canvas-wrap { height: 240px; }
}

/* Selectores limitados a las páginas de esta adaptación. */
cuerpocentro.claro-inversiones-restantes { min-width: 0; box-sizing: border-box; }
cuerpocentro.claro-inversiones-restantes #cuerpograficos { float: none; width: 100%; padding: 0; background: transparent; border: 0; }
cuerpocentro.claro-inversiones-restantes .claro-botones-enlace { margin: 28px 0; }
cuerpocentro.claro-inversiones-restantes .centraTabla { margin-block: 20px; }
cuerpocentro.claro-inversiones-restantes cuerpoparaindexcincuenta {
    display: block; float: none; width: 100%; padding: 0; margin: 24px 0;
    border: 0; background: transparent; box-sizing: border-box;
}
cuerpocentro.claro-inversiones-restantes paracuerpototal { display: block; float: none; width: 100%; padding: 0; background: transparent; border: 0; }
cuerpocentro.claro-inversiones-restantes .claro-calculador { max-width: 620px; margin-inline: auto; }
cuerpocentro.claro-inversiones-restantes .claro-calculador .claro-precios { table-layout: auto; }
cuerpocentro.claro-inversiones-restantes .claro-calculador .claro-precios td { padding: 6px 8px; }
cuerpocentro.claro-inversiones-restantes .claro-calculador td.tabla { font: 600 13px/1.5 var(--cl-fuente); color: var(--cl-verde); }
cuerpocentro.claro-inversiones-restantes .claro-calculador .claro-precios input[type="radio"] { display: inline-block; width: 18px; min-height: 0; margin: 0 5px; }
cuerpocentro.claro-inversiones-restantes .claro-precios input[type="text"] { width: 150px; min-height: 34px; padding: 4px 8px; font-size: 14px; text-align: center; }
cuerpocentro.claro-inversiones-restantes input[type="radio"] { width: 18px !important; height: 18px !important; accent-color: var(--cl-verde); vertical-align: middle; }
cuerpocentro.claro-inversiones-restantes table :is(h2,h3) { margin: 0; font-size: 15px; color: var(--cl-caoba); }
cuerpocentro.claro-inversiones-restantes table.datoscalculador td { background: var(--cl-crema); color: #111; }
cuerpocentro.claro-inversiones-restantes .claro-grafico-area { position: relative; width: 100%; height: 380px; min-width: 0; }
cuerpocentro.claro-inversiones-restantes .claro-grafico-area canvas { display: block; padding: 0; max-width: 100%; }
cuerpocentro.claro-inversiones-restantes .claro-grafico-leyenda button::before { background: var(--cl-serie-color); }
cuerpocentro.claro-inversiones-restantes [data-claro-grafico] [hidden] { display: none !important; }
cuerpocentro.claro-inversiones-restantes .centraTabla:has(#linechart_material) { border: 0; overflow: visible; }
cuerpocentro.claro-inversiones-restantes .centraTabla:has(#linechart_material) :is(table,td) { background: transparent !important; padding: 0; border: 0; }
cuerpocentro.claro-inversiones-restantes .centraTabla:has(#linechart_material) .claro-grafico { margin: 0; }

/* Resumen: distribución y estados conservados con superficies de LECAP. */
cuerpocentro.claro-inversiones-restantes--resumen :is(.rdm-hero,.rdm-panel,.rdm-news-item,.rdm-empty,.rdm-link-grid a) {
    background: #FFFDF9; color: #111; border-color: var(--cl-borde); font-family: var(--cl-fuente);
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-hero { border-radius: 14px; padding: 16px; margin: 20px 0; }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-toolbar { flex-wrap: wrap; gap: 12px; }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-toolbar .rdm-status { white-space: normal; font: 400 13px/1.5 var(--cl-fuente); color: #111; }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-section { margin: 24px 0; }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-flow-section { margin-right: 12px; width: min(320px,100%); min-width: 0; }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-section-title {
    color: var(--cl-caoba); background: #E4D9C7; border: 1px solid var(--cl-borde); border-bottom: 0;
    padding: 12px 16px; margin: 0; font: 600 21px/1.35 var(--cl-fuente);
}
cuerpocentro.claro-inversiones-restantes--resumen .rdm-section-subtitle { color: #111; font: 400 13px/1.5 var(--cl-fuente); }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-panel { padding: 16px; border: 1px solid var(--cl-borde); border-top: 0; min-width: 0; }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table { border-collapse: separate; border-spacing: 0; font: 400 13px/1.5 var(--cl-fuente); }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table :is(th,td) { padding: 6px; border: 0; border-bottom: 1px solid var(--cl-borde); }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table th { background: #E4D9C7; color: var(--cl-caoba); }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table .rdm-number { text-align: right; }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-table :is(.rdm-up,.rdm-down,.rdm-neutral) { font-weight: 700; }
cuerpocentro.claro-inversiones-restantes--resumen :is(.rdm-news-why,.rdm-small,.rdm-a3-meta) { color: #111; }
cuerpocentro.claro-inversiones-restantes--resumen :is(.rdm-badge,.rdm-a3-category) { background: var(--cl-verde-suave); color: #365B27; }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-badge-high { background: #FDE7E3; color: #8B1C12; }
cuerpocentro.claro-inversiones-restantes--resumen .rdm-link-grid a { font-size: 14px; }

/* Tipo de cambio: los widgets mantienen sus tamaños y herramientas. */
cuerpocentro.claro-inversiones-restantes--cambio .claro-cambio-variable {
    margin: 24px 0 0; padding: 12px 16px; border: 1px solid var(--cl-borde); border-bottom: 0;
    border-radius: 9px 9px 0 0; background: #E4D9C7; color: var(--cl-caoba); box-sizing: border-box;
}
cuerpocentro.claro-inversiones-restantes--cambio .claro-cambio-variable :is(h2,h3) { margin: 0; font-size: 21px; }
cuerpocentro.claro-inversiones-restantes--cambio .claro-cambio-variable .frases { font: inherit; color: inherit; }
cuerpocentro.claro-inversiones-restantes--cambio .claro-cambio-grafico {
    margin: 0 0 24px; padding: 16px; background: #FFFDF9; border: 1px solid var(--cl-borde);
    border-top: 0; border-radius: 0 0 9px 9px; min-width: 0; text-align: center;
}
cuerpocentro.claro-inversiones-restantes--cambio #bcra-table { width: 100% !important; border-collapse: separate !important; }
cuerpocentro.claro-inversiones-restantes--cambio #bcra-table td { border-color: var(--cl-borde) !important; }
cuerpocentro.claro-inversiones-restantes--cambio .tradingview-widget-container { max-width: 100%; min-width: 0; margin-inline: auto; }
cuerpocentro.claro-inversiones-restantes--cambio .tradingview-widget-container iframe { aspect-ratio: auto; height: revert; }
cuerpocentro.claro-inversiones-restantes--cambio .claro-cambio-grafico .centraTabla { margin: 0; }

/* Opciones: controles y gráficos propios, sin tocar el cálculo Black-Scholes. */
cuerpocentro.claro-inversiones-restantes--opciones .vo-explorador { padding: 0; }
cuerpocentro.claro-inversiones-restantes--opciones :is(.vo-controles,.vo-grafico) { background: #FFFDF9; border-color: var(--cl-borde); border-radius: 14px; box-shadow: 0 5px 20px #66232505; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-controles { grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); }
cuerpocentro.claro-inversiones-restantes--opciones .vo-control label { color: var(--cl-caoba); font: 600 13px/1.5 var(--cl-fuente); text-align: center; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-control input[type="range"] { accent-color: var(--cl-verde); min-height: 0; padding: 0; height: 20px; box-shadow: none; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-control-valor input { min-height: 34px; padding: 4px 8px; text-align: center; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-grafico select.vo-selector-eje { background: var(--cl-crema); }
cuerpocentro.claro-inversiones-restantes--opciones .vo-graficos { grid-template-columns: minmax(0,1fr); }
cuerpocentro.claro-inversiones-restantes--opciones .vo-canvas-wrap { height: 320px; }
cuerpocentro.claro-inversiones-restantes--opciones .vo-nota-modelo { background: var(--cl-crema); border-left-color: var(--cl-terracota); }

/* Independencia financiera: utilidades locales de distribución, sin Tailwind. */
cuerpocentro.claro-inversiones-restantes #simulador-independencia { padding: 0; width: 100%; font-family: var(--cl-fuente); color: #111; box-sizing: border-box; }
#simulador-independencia *, #simulador-independencia *::before, #simulador-independencia *::after { box-sizing: border-box; }
#simulador-independencia .grid { display: grid; }
#simulador-independencia .grid-cols-1 { grid-template-columns: minmax(0,1fr); }
#simulador-independencia .grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
#simulador-independencia .grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
#simulador-independencia .flex { display: flex; }
#simulador-independencia .flex-col { flex-direction: column; }
#simulador-independencia .flex-grow { flex-grow: 1; }
#simulador-independencia .items-center { align-items: center; }
#simulador-independencia .justify-center { justify-content: center; }
#simulador-independencia .block { display: block; }
#simulador-independencia .hidden { display: none; }
#simulador-independencia .relative { position: relative; }
#simulador-independencia .absolute { position: absolute; }
#simulador-independencia .sticky { position: sticky; }
#simulador-independencia .top-0 { top: 0; }
#simulador-independencia .top-4 { top: 16px; }
#simulador-independencia .right-4 { right: 16px; }
#simulador-independencia .right-3 { right: 12px; }
#simulador-independencia .left-3 { left: 12px; }
#simulador-independencia .bottom-0 { bottom: 0; }
#simulador-independencia .z-10 { z-index: 10; }
#simulador-independencia .w-full { width: 100%; min-width: 0; }
#simulador-independencia .w-1\/5 { width: 20%; }
#simulador-independencia .gap-2 { gap: 8px; }
#simulador-independencia .gap-3 { gap: 12px; }
#simulador-independencia .gap-4 { gap: 16px; }
#simulador-independencia .gap-6 { gap: 20px; }
#simulador-independencia .space-y-3 > * + * { margin-top: 12px; }
#simulador-independencia .space-y-4 > * + * { margin-top: 16px; }
#simulador-independencia .space-y-6 > * + * { margin-top: 20px; }
#simulador-independencia .p-1 { padding: 4px; }
#simulador-independencia .p-3 { padding: 12px; }
#simulador-independencia :is(.p-4,.p-5) { padding: 16px; }
#simulador-independencia .px-1 { padding-inline: 4px; }
#simulador-independencia .px-2 { padding-inline: 8px; }
#simulador-independencia .py-2 { padding-block: 8px; }
#simulador-independencia .py-3 { padding-block: 12px; }
#simulador-independencia .pb-2 { padding-bottom: 8px; }
#simulador-independencia .pb-4 { padding-bottom: 16px; }
#simulador-independencia .mt-1 { margin-top: 4px; }
#simulador-independencia .mt-2 { margin-top: 8px; }
#simulador-independencia .mt-6 { margin-top: 24px; }
#simulador-independencia .mb-1 { margin-bottom: 4px; }
#simulador-independencia .mb-1\.5 { margin-bottom: 6px; }
#simulador-independencia .mb-2 { margin-bottom: 8px; }
#simulador-independencia .mb-4 { margin-bottom: 16px; }
#simulador-independencia .mb-5 { margin-bottom: 20px; }
#simulador-independencia .mr-2 { margin-right: 8px; }
#simulador-independencia .m-0 { margin: 0; }
#simulador-independencia .mb-0 { margin-bottom: 0; }
#simulador-independencia .mt-0 { margin-top: 0; }
#simulador-independencia .text-center { text-align: center; }
#simulador-independencia .text-right { text-align: right; }
#simulador-independencia .text-left { text-align: left; }
#simulador-independencia .text-xs, #simulador-independencia [class~="text-[11px]"] { font-size: 12px; }
#simulador-independencia .text-sm { font-size: 14px; }
#simulador-independencia .text-base { font-size: 16px; }
#simulador-independencia .text-xl { font-size: 21px; }
#simulador-independencia .text-2xl { font-size: 24px; }
#simulador-independencia .font-medium { font-weight: 500; }
#simulador-independencia .font-semibold { font-weight: 600; }
#simulador-independencia .font-bold { font-weight: 700; }
#simulador-independencia .uppercase { text-transform: uppercase; }
#simulador-independencia .leading-relaxed { line-height: 1.65; }
#simulador-independencia .align-middle { vertical-align: middle; }
#simulador-independencia .break-words { overflow-wrap: break-word; }
#simulador-independencia .whitespace-normal { white-space: normal; }
#simulador-independencia .overflow-x-auto { overflow-x: auto; }
#simulador-independencia [class~="max-h-[550px]"] { max-height: 550px; overflow-y: auto; }
#simulador-independencia .glass-panel { background: #FFFDF9; border: 1px solid var(--cl-borde); border-radius: 14px; box-shadow: 0 5px 20px #66232505; min-width: 0; }
#simulador-independencia :is(.text-white,[class*="text-slate-"]) { color: #111; }
#simulador-independencia :is([class*="text-brand-"],[class*="text-blue-"]) { color: var(--cl-accion); }
#simulador-independencia [class*="text-emerald-"] { color: #365B27; }
#simulador-independencia .text-red-400 { color: #991B1B; }
#simulador-independencia h2 { margin: 0 0 16px; font-size: 21px; }
#simulador-independencia h3, #simulador-independencia h2.text-lg { font-size: 18px; }
#simulador-independencia .simulador-encabezado h1 { color: var(--cl-titulo); font-size: clamp(30px,3vw,48px); }
#simulador-independencia .simulador-encabezado { text-align: center; }
#simulador-independencia .simulador-encabezado .claro-encabezado { margin-bottom: 12px; padding-bottom: 0; }
#simulador-independencia label { font-size: 12px; line-height: 1.5; }
#simulador-independencia .grid-cols-3 label { min-height: 36px; display: flex; align-items: center; justify-content: center; }
#simulador-independencia #res-independencia-age { color: #365B27 !important; }
#simulador-independencia #res-independencia-age[style*="248, 113, 113"] { color: #991B1B !important; }
#simulador-independencia input[type="number"] { width: 100%; min-height: 34px; padding: 4px 32px; text-align: center; font-size: 14px; }
#simulador-independencia input[type="number"]::-webkit-inner-spin-button { appearance: none; }
#simulador-independencia :is(#btn-type-nominal,#btn-type-adjusted) { background: var(--cl-crema); color: var(--cl-caoba); border: 1px solid var(--cl-borde); min-height: 40px; padding: 6px; font-size: 12px; }
#simulador-independencia :is(#btn-type-nominal,#btn-type-adjusted).bg-brand-600 { background: var(--cl-verde); color: #FFF; border-color: var(--cl-verde); }
#simulador-independencia #calculate-btn { background: #0555B0; border-color: #04418A; color: #FFF; box-shadow: 0 4px 0 #023875; }
#simulador-independencia #calculate-btn:hover { background: #04499B; }
#simulador-independencia #calculate-btn:active { transform: translateY(3px); box-shadow: inset 0 2px 5px #023875; }
#simulador-independencia #notification { max-width: 90%; background: var(--cl-papel); color: #111; border: 1px solid var(--cl-borde); border-radius: 8px; }
#simulador-independencia [style*="scrollbar"] { scrollbar-color: #B8AD9B var(--cl-crema) !important; }
#simulador-independencia table { table-layout: fixed; }

@media (min-width: 900px) {
    #simulador-independencia [class~="md:grid-cols-3"] { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (min-width: 1800px) {
    #simulador-independencia [class~="lg:grid-cols-12"] { grid-template-columns: repeat(12,minmax(0,1fr)); }
    #simulador-independencia [class~="lg:col-span-4"] { grid-column: span 4; min-width: 0; }
    #simulador-independencia [class~="lg:col-span-8"] { grid-column: span 8; min-width: 0; }
}
@media (max-width: 769px) {
    cuerpocentro.claro-inversiones-restantes .claro-grafico-area { height: 340px; }
    cuerpocentro.claro-inversiones-restantes--resumen .rdm-flow-section { width: 100%; margin-right: 0; }
    cuerpocentro.claro-inversiones-restantes--cambio .claro-cambio-grafico { padding: 12px; }
    cuerpocentro.claro-inversiones-restantes--opciones .vo-canvas-wrap { height: 280px; }
    cuerpocentro.claro-inversiones-restantes .claro-calculador { padding: 12px; }
}

/* Semántica de Deudas y Desarrollo Sustentable sin cambiar su presentación. */
cuerpocentro.claro-pagina .claro-seo-main { min-width: 0; }
cuerpocentro.claro-pagina--amortizacion p.claro-seo-subtitulo {
    font: 600 21px/1.35 var(--cl-fuente); color: var(--cl-caoba); text-align: center;
    letter-spacing: -.025em; margin: 8px 0 24px;
}
cuerpocentro.claro-pagina--amortizacion .claro-resultados th.claro-seo-columna {
    color: #111; font-weight: 700; background: var(--cl-papel);
}
cuerpocentro.claro-pagina--amortizacion th.claro-seo-columna strong { display: block; font: inherit; margin: 0; }
cuerpocentro.claro-pagina--lectura h3.claro-seo-situacion {
    font: 600 clamp(21px, 1.65vw, 27px)/1.35 var(--cl-fuente); letter-spacing: -.025em;
    text-align: center; margin: 2em 0 .8em;
}
cuerpocentro.claro-pagina--reciclaje #titulo-principal {
    color: var(--cl-caoba); font: 600 clamp(21px, 1.65vw, 27px)/1.35 var(--cl-fuente);
    letter-spacing: -.025em; margin: 0; text-align: left;
}
cuerpocentro.claro-pagina--reciclaje .eco-sidebar-panel h2 {
    color: #53585E; font: 600 13px/1.5 var(--cl-fuente); margin: 0 0 8px;
    text-align: left; text-transform: none; letter-spacing: normal;
}
cuerpocentro.claro-pagina--reciclaje .eco-sidebar-panel h2.claro-seo-lista-titulo {
    font: 700 10px/1.75 var(--cl-fuente); margin: 0; text-align: start; text-transform: uppercase;
}
cuerpocentro.claro-pagina--reciclaje .claro-seo-popup { display: block; }
cuerpocentro.claro-pagina--reciclaje h3.claro-seo-punto {
    font: 700 14px/1.75 var(--cl-fuente); margin: 0; color: #0f172a;
}

/* Semántica de herramientas laborales conservando la presentación existente. */
cuerpocentro.claro-pagina--laboral .claro-seo-oculto {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
cuerpocentro.claro-pagina--laboral h2.claro-seo-seccion {
    font: 600 18px/1.45 var(--cl-fuente); letter-spacing: normal; margin: 1.4em 0 .6em;
}
cuerpocentro.claro-pagina--laboral .claro-calculador label.claro-seo-numero {
    display: block; font: 600 clamp(21px, 1.65vw, 27px)/1.35 var(--cl-fuente);
    color: var(--cl-caoba); letter-spacing: -.025em; text-align: center; margin: 0 0 12px;
}
cuerpocentro.claro-pagina--arribos h1.claro-seo-arribos-titulo {
    font: 600 clamp(21px, 1.65vw, 27px)/1.35 var(--cl-fuente);
    color: var(--cl-caoba); letter-spacing: -.025em; text-transform: none; margin: 2em 0 .8em;
}
cuerpocentro.claro-pagina--arribos h2.claro-seo-arribos-seccion {
    font: 600 18px/1.45 var(--cl-fuente); letter-spacing: normal;
    text-transform: uppercase; margin: 1.4em 0 .6em;
}
cuerpocentro.claro-pagina--cisternas h2.claro-seo-aviso {
    font: 600 18px/1.45 var(--cl-fuente); letter-spacing: normal; margin: 1.4em 0 .6em;
}

cuerpocentro.claro-pagina--cisternas p.claro-seo-kpi {
    font: 600 18px/1.45 var(--cl-fuente); color: var(--cl-caoba);
    letter-spacing: normal; margin: 1.4em 0 .6em;
}
cuerpocentro.claro-pagina--astro h2[data-claro-seo="destino"] {
    font: 600 18px/1.45 var(--cl-fuente); color: var(--cl-caoba);
    letter-spacing: normal; margin: 0 0 12px;
}
cuerpocentro.claro-pagina--astro h3.claro-seo-metrica {
    font: 600 14px/20px var(--cl-fuente); color: #111; letter-spacing: normal; margin: 0;
}

/* Los mensajes vacíos son contenedores funcionales, sin separación visual. */
cuerpocentro.claro-pagina--laboral :is(#mensaje_error, #toast-message, #modalMessage):empty { display: none; }

/* Semántica de los artículos: conservar las medidas del diseño existente. */
cuerpocentro.claro-articulo > main.seb-contenido > :is(ul, ol) { margin: 1em 0 1.75em; padding-left: 24px; }
cuerpocentro.claro-articulo > main.seb-contenido > :is(ul, ol) > li { margin-bottom: .55em; }
cuerpocentro.claro-articulo > main.seb-contenido > ul.claro-lista { padding: 0; margin: 24px 0; }
cuerpocentro.claro-articulo img.seb-imagen-fluida { width: var(--seb-imagen-ancho, 100%); height: auto; }
cuerpocentro.claro-articulo.claro-directorio td img.seb-imagen-fluida { width: auto; }
cuerpocentro.claro-articulo main.seb-contenido table th[scope="col"] { background: #E4D9C7 !important; color: var(--cl-caoba); font: 600 18px/1.5 var(--cl-fuente); text-align: center; }
cuerpocentro.claro-articulo main.seb-contenido table th[scope="row"] { background: var(--cl-papel) !important; color: var(--cl-caoba); font: 600 14px/1.5 var(--cl-fuente); text-align: center; }
cuerpocentro.claro-articulo main.seb-contenido table tr:nth-child(even) > th[scope="row"] { background: #F6F1E8 !important; }
cuerpocentro.claro-articulo main.seb-contenido table tr:hover > th[scope="row"] { background: #FFF7B2 !important; }
cuerpocentro.claro-articulo main.seb-contenido table .seb-tabla-nombre { font: inherit; color: inherit; }

/* Semántica de las páginas de indicadores, sin cambiar el diseño compartido. */
cuerpocentro.claro-pagina--indicadores > main { display: block; width: 100%; min-width: 0; }
cuerpocentro.claro-pagina--indicadores .claro-titulo-serie { font-size: 1.17em; }
@media print {
    cuerpocentro.claro-indicadores--internacional > main { display: block !important; }
    cuerpocentro.claro-indicadores--internacional > main > :not(#internacional-app-container) { display: none !important; }
}

/* Semántica HTML sin cambiar la distribución de las páginas adaptadas. */
cuerpocentro.claro-inversiones > main.claro-contenido { display: contents; }
cuerpocentro.claro-inversiones main.claro-contenido > :is(ul, ol) { margin: 1em 0 1.75em; padding-left: 24px; }

/* Semántica y espacio reservado para los widgets de estas páginas. */
cuerpocentro.claro-inversiones-acciones > main { display: block; width: 100%; min-width: 0; }
cuerpocentro.claro-inversiones-acciones .claro-widget-diferido { display: block; width: 100%; min-width: 0; }
cuerpocentro.claro-inversiones-acciones .claro-widget-alto-500 { min-height: 500px; }
cuerpocentro.claro-inversiones-acciones .claro-widget-alto-600 { min-height: 600px; }

cuerpocentro.claro-inversiones-acciones .claro-widget-alto-1000 { min-height: 1000px; }
cuerpocentro.claro-inversiones-acciones .claro-widget-alto-580 { min-height: 580px; }

cuerpocentro.claro-inversiones-acciones img.claro-imagen-ancho-30 { width: 30%; height: auto; }
cuerpocentro.claro-inversiones-acciones img.claro-imagen-ancho-40 { width: 40%; height: auto; }
cuerpocentro.claro-inversiones-acciones img.claro-imagen-ancho-50 { width: 50%; height: auto; }
cuerpocentro.claro-inversiones-acciones img.claro-imagen-ancho-60 { width: 60%; height: auto; }
cuerpocentro.claro-inversiones-acciones img.claro-imagen-ancho-80 { width: 80%; height: auto; }

/* El landmark main conserva la sangría y el aspecto del contenido existente. */
cuerpocentro.claro-inversiones-lote > main > :is(ul, ol) { margin: 1em 0 1.75em; padding-left: 24px; }
cuerpocentro.claro-inversiones-lote > main > :is(ul, ol) > li { margin-bottom: .55em; }
cuerpocentro.claro-inversiones-lote .claro-tabla-etiqueta { display: block; margin: 1.33em 0; font-size: 1em; font-weight: 700; }
cuerpocentro.claro-inversiones-lote .claro-titulo-legal { font: inherit; color: var(--cl-texto); text-align: left; letter-spacing: normal; margin: 0 0 .575em; }

/* Acceso, registro, recuperación, términos y portada: Estética / LECAP.
   Reglas acotadas a las páginas con body.claro-cuenta. */
body.claro-cuenta .claro-cabecera-cuenta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr);
    align-items: center;
    min-height: 116px;
    padding: 22px 32px;
    gap: 28px;
    background: var(--cl-papel);
    border-top: 4px solid var(--cl-terracota);
    border-bottom: 1px solid var(--cl-borde);
    clear: both;
}
body.claro-cuenta .claro-cabecera-cuenta,
body.claro-cuenta .claro-cabecera-cuenta * { box-sizing: border-box; }
body.claro-cuenta .claro-cabecera-cuenta :is(superiorizquierda, superiorcentro, superiorderecha) {
    display: block; float: none; width: 100%; height: auto; min-height: 0;
    margin: 0; padding: 0; border: 0; background: transparent;
    color: var(--cl-texto); font: 14px/1.5 var(--cl-fuente);
}
body.claro-cuenta .claro-cabecera-cuenta p { margin: 0 0 4px; }
body.claro-cuenta .claro-cabecera-cuenta :is(superiorizquierda, superiorderecha) img {
    width: 42px; max-width: 100%; height: auto; margin: 0;
}
body.claro-cuenta .claro-cabecera-cuenta superiorcentro { text-align: center; }
body.claro-cuenta .claro-cabecera-cuenta superiorderecha { text-align: right; }
body.claro-cuenta .claro-cabecera-cuenta a {
    color: var(--cl-caoba); text-decoration: none; font-family: var(--cl-fuente);
}
body.claro-cuenta .claro-cabecera-cuenta :is(superiorizquierda, superiorderecha) a:not(:has(img)) {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 40px; padding: 9px 14px; margin: 4px 2px;
    border: 1px solid #C9AD92; border-radius: 8px;
    background: linear-gradient(160deg, #FFF9EE, var(--cl-crema));
    box-shadow: 0 3px 0 #B98C6F, 0 5px 7px #66232512, inset 0 1px 0 #FFFFFF;
    font: 600 14px/1.3 var(--cl-fuente); text-align: center;
    transition: transform .1s ease, box-shadow .1s ease, background .1s ease;
}
body.claro-cuenta .claro-cabecera-cuenta :is(superiorizquierda, superiorderecha) a:not(:has(img)):hover {
    background: linear-gradient(160deg, #FBEBDD, #E8CEB9);
}
body.claro-cuenta .claro-cabecera-cuenta :is(superiorizquierda, superiorderecha) a:not(:has(img)):active {
    transform: translateY(3px); background: #E8D5C2;
    box-shadow: inset 0 2px 4px #66232530;
}
body.claro-cuenta .claro-cabecera-cuenta .ingresarregistrarse {
    color: inherit; font: inherit; background: transparent; border: 0;
    box-shadow: none; margin: 0; padding: 0;
}
body.claro-cuenta .claro-cabecera-cuenta a.sinelefantesblancos {
    display: inline-block; max-width: 100%; padding: 10px 12px 12px; margin: 0;
    border: 0; border-radius: 0; background: transparent; box-shadow: none;
    color: #006B63; font: 700 clamp(22px, 2.1vw, 34px)/1.22 var(--cl-fuente);
    letter-spacing: -.015em; text-align: center; white-space: normal;
}
body.claro-cuenta .claro-cabecera-cuenta .marcaregistrada {
    position: relative; top: -.85em; vertical-align: baseline; margin-left: .22em;
    font: 400 .36em/0 var(--cl-fuente); color: inherit; opacity: .7;
}
body.claro-cuenta .claro-cabecera-cuenta sharethis {
    display: block; float: none; width: 100%; height: auto; padding: 0; margin: 0;
}
body.claro-cuenta .claro-cabecera-cuenta a:focus-visible {
    outline: 3px solid var(--cl-verde); outline-offset: 4px;
}
cuerpocentro.claro-cuenta-contenido { min-width: 0; }
cuerpocentro.claro-cuenta-contenido a.datospersonales {
    background: transparent; border: 0; border-radius: 0; box-shadow: none;
    padding: 0; margin: 0; font: inherit; color: #0000EE !important;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-formulario,
cuerpocentro.claro-cuenta-contenido .claro-cuenta-panel--acceso form {
    box-sizing: border-box; width: 100%; max-width: 480px;
    padding: 16px; margin: 18px auto 26px;
    border: 1px solid var(--cl-borde); border-radius: 14px;
    background: #FFFDF9; box-shadow: 0 5px 20px #66232505;
    text-align: center; font: 400 16px/1.75 var(--cl-fuente); color: #111;
}
cuerpocentro.claro-cuenta-contenido form :is(input[type="text"], input[type="password"], input[type="email"]) {
    width: 100%; min-width: 0; text-align: left; color: #111;
}
cuerpocentro.claro-cuenta-contenido form :is(td, th) {
    padding: 9px 12px; height: auto; text-align: left; vertical-align: middle;
}
cuerpocentro.claro-cuenta-contenido form td.superiorparatabla {
    width: 38%; background: #E4D9C7; color: var(--cl-caoba);
    font: 600 14px/1.5 var(--cl-fuente);
}
cuerpocentro.claro-cuenta-contenido form td.dentrotabla { width: 62%; }
cuerpocentro.claro-cuenta-contenido form.claro-cuenta-formulario td.superiorparatabla { text-align: center; }
cuerpocentro.claro-cuenta-contenido form.claro-cuenta-formulario td.dentrotabla :is(input[type="text"], input[type="password"], input[type="email"]) { text-align: center; }
cuerpocentro.claro-cuenta-contenido form .centraTabla { margin-bottom: 16px; }
cuerpocentro.claro-cuenta-contenido form > button + p { margin-top: 18px; }
cuerpocentro.claro-cuenta-contenido form label {
    display: inline-block; margin-bottom: 7px; color: var(--cl-caoba);
    font: 600 14px/1.5 var(--cl-fuente);
}
cuerpocentro.claro-cuenta-contenido form :is(input[type="submit"], button[type="submit"]) {
    width: auto; max-width: 100%; min-height: 38px; padding: 8px 24px;
    margin: 0; background: #0555B0; color: #FFF; border: 1px solid #03448D;
    font: 600 15px/1.4 var(--cl-fuente); letter-spacing: normal;
    box-shadow: 0 3px 0 #03356E, 0 5px 7px #00000020;
    transition: background-color .1s ease, transform .1s ease, box-shadow .1s ease;
}
cuerpocentro.claro-cuenta-contenido form :is(input[type="submit"], button[type="submit"]):hover {
    background: #03448D; color: #FFF; border-color: #03356E;
}
cuerpocentro.claro-cuenta-contenido form :is(input[type="submit"], button[type="submit"]):active {
    background: #03356E; transform: translateY(3px) scale(.97);
    box-shadow: inset 0 2px 4px #00000040;
}
cuerpocentro.claro-cuenta-contenido input[type="checkbox"] {
    width: 22px; height: 22px; min-height: 0; accent-color: var(--cl-verde);
    margin: 0; vertical-align: middle;
}
cuerpocentro.claro-cuenta-contenido :is(p.saltarpantalla, p.recomendaciones, p.tablanaranja) {
    color: #111; background: transparent; font: 400 16px/1.75 var(--cl-fuente);
    text-align: left; padding: 0; border: 0;
}
cuerpocentro.claro-cuenta-contenido :is(.mensajealerta, [role="alert"]) {
    color: #8B1C12; font: 600 15px/1.6 var(--cl-fuente);
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-aviso {
    padding: 12px 16px; border: 1px solid #C4D6B8; border-radius: 9px;
    background: var(--cl-verde-suave); color: #365B27;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-seccion {
    margin: 1.8em 0 .6em; color: var(--cl-caoba); font: 600 21px/1.35 var(--cl-fuente);
    text-align: left; letter-spacing: normal; padding: 0; background: none;
}
cuerpocentro.claro-cuenta-contenido .contenedor-formulario {
    padding-top: 24px; margin-top: 32px; border-top: 1px solid var(--cl-borde);
    text-align: center;
}
cuerpocentro.claro-cuenta-contenido .contenedor-formulario form { max-width: 640px; }
cuerpocentro.claro-cuenta-contenido form button.btn-aceptar {
    background: #0B3D2B; border-color: #052619; box-shadow: 0 3px 0 #052619;
    margin-bottom: 16px;
}
cuerpocentro.claro-cuenta-contenido form button.btn-aceptar:hover { background: #082F21; }
cuerpocentro.claro-cuenta-contenido form button.btn-rechazar {
    background: #984B30; border-color: #68311F; box-shadow: 0 3px 0 #68311F;
}
cuerpocentro.claro-cuenta-contenido form button.btn-rechazar:hover { background: #7E3D26; }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-distribucion {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px; align-items: start;
}
cuerpocentro.claro-cuenta-contenido :is(.claro-cuenta-panel--acceso, .claro-cuenta-panel--complemento, .claro-cuenta-panel--atajos) {
    display: block; float: none; clear: none; width: 100%; min-width: 0;
    min-height: 0; height: auto; margin: 0; padding: 20px;
    border: 1px solid var(--cl-borde); border-radius: 14px;
    background: #FFFDF9; box-sizing: border-box;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-panel--acceso form { padding: 12px; margin-block: 18px; }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-panel--acceso .titulodelcuerpo {
    font-size: clamp(27px, 2.5vw, 38px);
}
cuerpocentro.claro-cuenta-contenido :is(.claro-cuenta-panel--complemento, .claro-cuenta-panel--atajos) > :is(h2,h3).recomendaciones {
    font: 600 23px/1.35 var(--cl-fuente); color: var(--cl-caoba);
    text-align: center; margin: 0 0 20px;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-panel--complemento iframe {
    display: block; width: 100%; height: 350px; aspect-ratio: auto;
    border: 1px solid var(--cl-borde) !important;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-panel--acceso img { max-width: 450px; width: 80%; }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-distribucion :is(ul, ol) {
    padding-left: 24px; margin: 1em 0 1.75em;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-distribucion li.respuestas {
    color: #111; font: 400 16px/1.75 var(--cl-fuente); margin-bottom: .55em;
}
/* Landmarks y títulos conservan el aspecto de las páginas. */
cuerpocentro.claro-cuenta-contenido .claro-cuenta-main { display: block; width: 100%; min-width: 0; }
cuerpocentro.claro-cuenta-contenido h1.claro-cuenta-titulo-accesible {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-panel--acceso .titulodelcuerpo {
    color: var(--cl-titulo); font: 600 clamp(27px,2.5vw,38px)/1.15 var(--cl-fuente);
    text-align: center; letter-spacing: -.045em; padding: 0; margin: 0 0 12px; background: none;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-panel .claro-cuenta-beneficios-titulo {
    color: #111; font: 400 16px/1.75 var(--cl-fuente); text-align: left;
    letter-spacing: normal; padding: 0; margin: 0 0 1.15em; background: none;
}
cuerpocentro.claro-cuenta-contenido form td label { margin: 0; }
cuerpocentro.claro-cuenta-contenido img.claro-cuenta-imagen-objetivos { width: 80%; max-width: 450px; height: auto; }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-grupos {
    border: 1px solid var(--cl-borde); border-radius: 9px;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-grupo { border-bottom: 1px solid var(--cl-borde); }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-grupo:last-child { border-bottom: 0; }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-grupo > h3 {
    padding: 12px; margin: 0; background: #E4D9C7; color: var(--cl-caoba);
    font: 600 15px/1.5 var(--cl-fuente); text-align: center;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu {
    position: relative; width: 100%; box-sizing: border-box; padding: 12px;
    margin: 0; background: #F6F1E8; font-family: var(--cl-fuente); text-align: center;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu ul { list-style: none; }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu .claro-cuenta-menu-lista {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 1fr;
    gap: 6px; width: 100%; padding: 0; margin: 0; list-style: none;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu-lista > li {
    display: flex; position: relative; min-width: 0; padding: 0; margin: 0;
    border: 1px solid #353A40; border-radius: 6px; background: var(--cl-titulo);
    color: #FFF; box-shadow: 0 2px 0 #2D3238;
}
/* Portada: centrar el último atajo cuando queda solo en su fila. */
body.claro-cuenta--index cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu-lista > li:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 6px) / 2);
    box-sizing: border-box;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu-lista > li > :is(a,span) {
    display: flex; flex: 1; align-items: center; justify-content: center;
    width: 100%; padding: 8px 10px; margin: 0;
    color: #FFF !important; background: transparent; text-decoration: none;
    font: 500 12px/1.5 var(--cl-fuente); overflow-wrap: anywhere; white-space: normal;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu-lista > li:hover { background: #353A40; }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu-lista > li:active { box-shadow: inset 0 2px 4px #00000040; }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu-lista > li > ul {
    display: none; position: absolute; top: 100%; left: 0; z-index: 10000;
    box-sizing: border-box; width: 230px; max-width: calc(100vw - 64px); margin: 0;
    border: 1px solid var(--cl-borde); border-radius: 6px; background: var(--cl-papel); padding: 8px;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu-lista > li:nth-child(even) > ul { left: auto; right: 0; }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu-lista > li:is(:hover,:focus-within) > ul { display: block; }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu-lista > li > ul li { margin: 0; padding: 0; }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu-lista > li > ul a {
    display: block; color: var(--cl-texto) !important; padding: 6px 8px;
    font: 400 13px/1.6 var(--cl-fuente); text-decoration: none; text-align: left;
}
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu-lista > li > ul a:hover { background: var(--cl-crema); }
cuerpocentro.claro-cuenta-contenido .claro-cuenta-menu span:focus-visible {
    outline: 3px solid var(--cl-verde); outline-offset: 4px;
}
@media (min-width: 770px) {
    cuerpocentro.claro-cuenta-contenido { width: 80%; }
    body.menu-lateral-contraido cuerpocentro.claro-cuenta-contenido { width: 96%; }
}
@media (max-width: 1100px) {
    body.claro-cuenta .claro-cabecera-cuenta { padding: 18px; gap: 12px; }
    cuerpocentro.claro-cuenta-contenido .claro-cuenta-distribucion { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 769px) {
    body.claro-cuenta .claro-cabecera-cuenta {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr) minmax(0, 1fr);
        gap: 8px; padding: 14px 10px; min-height: 112px;
    }
    body.claro-cuenta .claro-cabecera-cuenta :is(superiorizquierda, superiorderecha) a:not(:has(img)) {
        min-height: 24px; padding: 3.5px 8px; font-size: 11px; margin: 3px 0;
    }
    body.claro-cuenta .claro-cabecera-cuenta a.sinelefantesblancos {
        font-size: clamp(16px, 3.6vw, 25px); padding: 8px 2px 9px; letter-spacing: 0;
    }
    body.claro-cuenta .claro-cabecera-cuenta :is(superiorizquierda, superiorderecha) img { width: 30px; }
    cuerpocentro.claro-cuenta-contenido { width: 100%; }
    cuerpocentro.claro-cuenta-contenido :is(.claro-cuenta-panel--acceso, .claro-cuenta-panel--complemento, .claro-cuenta-panel--atajos) { padding: 16px; }
}
@media (max-width: 480px) {
    cuerpocentro.claro-cuenta-contenido .claro-cuenta-formulario,
    cuerpocentro.claro-cuenta-contenido .claro-cuenta-panel--acceso form { padding: 12px; }
    cuerpocentro.claro-cuenta-contenido form :is(td, th) { padding: 8px; }
    cuerpocentro.claro-cuenta-contenido form :is(input[type="submit"], button[type="submit"]) { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    body.claro-cuenta .claro-cabecera-cuenta a,
    cuerpocentro.claro-cuenta-contenido form :is(input[type="submit"], button[type="submit"]) { transition: none; }
}


/* Salud y trámites: diseño compartido de Estética y LECAP. */
/* salud/calidad-del-aire.php */
body.claro-salud-tramites--calidad-del-aire .air-app,
body.claro-salud-tramites--calidad-del-aire .air-app * {
box-sizing: border-box;
}
body.claro-salud-tramites--calidad-del-aire .air-app {
--air-primary: #047857;
    --air-primary-dark: #065f46;
    --air-accent: #0ea5e9;
    --air-bg: #b9d8f7;
    --air-card: #ffffff;
    --air-text: #0f172a;
    --air-muted: #64748b;
    --air-border: #e2e8f0;
    --air-good: #059669;
    --air-moderate: #ca8a04;
    --air-sensitive: #ea580c;
    --air-unhealthy: #dc2626;
    --air-very-unhealthy: #9333ea;
    --air-hazardous: #7f1d1d;
    font-family: Cambria, Georgia, "Times New Roman", serif;
    color: var(--air-text);
    background: #b9d8f7;
    border: 1px solid var(--air-border);
    border-radius: 18px;
    padding: 18px;
    line-height: 1.45;
    overflow: hidden;
}
body.claro-salud-tramites--calidad-del-aire .air-app button,
body.claro-salud-tramites--calidad-del-aire .air-app input,
body.claro-salud-tramites--calidad-del-aire .air-app select {
font: inherit;
}
body.claro-salud-tramites--calidad-del-aire .air-app button {
cursor: pointer;
}
body.claro-salud-tramites--calidad-del-aire .air-app button:disabled {
cursor: not-allowed;
    opacity: .65;
}
body.claro-salud-tramites--calidad-del-aire .air-app a {
color: var(--air-primary-dark);
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-header {
display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    background: linear-gradient(135deg, #ffffff 0%, #ecfdf5 100%);
    border: 1px solid var(--air-border);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 16px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-eyebrow {
display: inline-block;
    color: var(--air-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 5px;
}
body.claro-salud-tramites--calidad-del-aire .air-app h1,
body.claro-salud-tramites--calidad-del-aire .air-app h2,
body.claro-salud-tramites--calidad-del-aire .air-app h3,
body.claro-salud-tramites--calidad-del-aire .air-app h4,
body.claro-salud-tramites--calidad-del-aire .air-app p {
margin-top: 0;
}
body.claro-salud-tramites--calidad-del-aire .air-app h1 {
font-size: clamp(24px, 4vw, 36px);
    margin-bottom: 7px;
    line-height: 1.08;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-subtitle {
margin-bottom: 0;
    color: var(--air-muted);
    max-width: 780px;
    font-size: 15px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-controls {
display: grid;
    grid-template-columns: minmax(155px, .8fr) minmax(210px, 1.2fr) minmax(245px, 1.4fr) auto;
    gap: 12px;
    align-items: end;
    background: #ffffff;
    border: 1px solid var(--air-border);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 16px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-field {
min-width: 0;
    position: relative;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-field label {
display: block;
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-input,
body.claro-salud-tramites--calidad-del-aire .air-app .air-select {
width: 100%;
    min-height: 44px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    color: var(--air-text);
    padding: 10px 12px;
    outline: none;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-input:focus,
body.claro-salud-tramites--calidad-del-aire .air-app .air-select:focus,
body.claro-salud-tramites--calidad-del-aire .air-app button:focus-visible,
body.claro-salud-tramites--calidad-del-aire .air-app a:focus-visible {
outline: 3px solid rgba(14, 165, 233, .28);
    outline-offset: 2px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-search-results {
position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 5px);
    z-index: 1000;
    background: #ffffff;
    border: 1px solid var(--air-border);
    border-radius: 12px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .14);
    overflow: hidden;
    max-height: 310px;
    overflow-y: auto;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-search-results[hidden] {
display: none;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-search-option {
width: 100%;
    display: block;
    border: 0;
    border-bottom: 1px solid #f1f5f9;
    padding: 11px 12px;
    background: #ffffff;
    text-align: left;
    color: #1e293b;
    font-size: 13px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-search-option:hover {
background: #f0fdf4;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-button {
min-height: 44px;
    border: 0;
    border-radius: 10px;
    padding: 10px 15px;
    font-weight: 700;
    background: var(--air-primary);
    color: #ffffff;
    transition: transform .15s ease, background .15s ease;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-button:hover {
background: var(--air-primary-dark);
    transform: translateY(-1px);
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-button-secondary {
background: #e2e8f0;
    color: #0f172a;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-button-secondary:hover {
background: #cbd5e1;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-city-source-note {
margin: -7px 3px 14px;
    color: #334155;
    font-size: 12px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-location-row {
display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 12px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    margin-bottom: 16px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-location-row strong {
color: #0f172a;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-stale {
color: #92400e;
    font-weight: 700;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-tabs {
display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid var(--air-border);
    padding-bottom: 11px;
    margin-bottom: 16px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-tab-button {
border: 1px solid transparent;
    border-radius: 9px;
    padding: 9px 13px;
    background: transparent;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-tab-button.active {
background: #0f172a;
    color: #ffffff;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-tab-panel[hidden] {
display: none;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-loading,
body.claro-salud-tramites--calidad-del-aire .air-app .air-error {
display: flex;
    min-height: 220px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    border: 1px solid var(--air-border);
    border-radius: 16px;
    padding: 24px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-loading[hidden],
body.claro-salud-tramites--calidad-del-aire .air-app .air-error[hidden],
body.claro-salud-tramites--calidad-del-aire .air-app .air-content[hidden] {
display: none;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-spinner {
width: 42px;
    height: 42px;
    border: 4px solid #d1fae5;
    border-top-color: var(--air-primary);
    border-radius: 50%;
    animation: air-spin .85s linear infinite;
    margin-bottom: 12px;
}
@keyframes air-spin {
to { transform: rotate(360deg); }
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-summary-grid {
display: grid;
    grid-template-columns: 1.1fr 1fr 1.25fr;
    gap: 14px;
    margin-bottom: 16px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-card {
background: var(--air-card);
    border: 1px solid var(--air-border);
    border-radius: 16px;
    padding: 17px;
    box-shadow: 0 5px 15px rgba(15, 23, 42, .035);
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-card-title {
color: #64748b;
    text-transform: uppercase;
    letter-spacing: .055em;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 12px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-aqi-wrap {
display: grid;
    grid-template-columns: 125px 1fr;
    gap: 15px;
    align-items: center;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-aqi-ring {
--air-ring-color: #94a3b8;
    --air-ring-progress: 0%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: conic-gradient(var(--air-ring-color) var(--air-ring-progress), #e2e8f0 0);
    display: grid;
    place-items: center;
    position: relative;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-aqi-ring::after {
content: "";
    width: 88px;
    height: 88px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-aqi-number {
z-index: 1;
    font-size: 33px;
    font-weight: 800;
    line-height: 1;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-aqi-unit {
z-index: 1;
    font-size: 10px;
    color: var(--air-muted);
    margin-top: 3px;
    text-align: center;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-aqi-center {
position: relative;
    z-index: 2;
    text-align: center;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-status-pill {
display: inline-flex;
    align-items: center;
    min-height: 27px;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 700;
    background: #f1f5f9;
    color: #475569;
    margin-bottom: 8px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .level-good {
color: #047857; background: #ecfdf5; border-color: #a7f3d0;
}
body.claro-salud-tramites--calidad-del-aire .air-app .level-moderate {
color: #854d0e; background: #fefce8; border-color: #fde68a;
}
body.claro-salud-tramites--calidad-del-aire .air-app .level-sensitive {
color: #9a3412; background: #fff7ed; border-color: #fdba74;
}
body.claro-salud-tramites--calidad-del-aire .air-app .level-unhealthy {
color: #991b1b; background: #fef2f2; border-color: #fecaca;
}
body.claro-salud-tramites--calidad-del-aire .air-app .level-very-unhealthy {
color: #6b21a8; background: #faf5ff; border-color: #d8b4fe;
}
body.claro-salud-tramites--calidad-del-aire .air-app .level-hazardous {
color: #7f1d1d; background: #fff1f2; border-color: #fda4af;
}
body.claro-salud-tramites--calidad-del-aire .air-app .level-unknown {
color: #475569; background: #f1f5f9; border-color: #cbd5e1;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-muted {
color: var(--air-muted);
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-small {
font-size: 12px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-weather-main {
display: flex;
    align-items: baseline;
    gap: 7px;
    margin-bottom: 7px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-weather-temp {
font-size: 44px;
    font-weight: 800;
    line-height: 1;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-weather-unit {
color: #64748b;
    font-weight: 700;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-weather-grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-mini-stat {
background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 10px;
    padding: 9px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-mini-stat span {
display: block;
    color: #64748b;
    font-size: 10px;
    margin-bottom: 2px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-mini-stat strong {
font-size: 13px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-advice-grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-bottom: 12px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-advice-box {
border: 1px solid;
    border-radius: 10px;
    padding: 9px 7px;
    text-align: center;
    min-height: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-advice-box span {
font-size: 10px;
    color: #64748b;
    margin-bottom: 3px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-advice-box strong {
font-size: 11px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-list {
margin: 0;
    padding-left: 18px;
    color: #475569;
    font-size: 12px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-list li + li {
margin-top: 6px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-section {
margin-top: 16px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-section-heading {
display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-end;
    margin-bottom: 10px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-section-heading h2 {
font-size: 19px;
    margin-bottom: 0;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-section-heading p {
font-size: 12px;
    color: var(--air-muted);
    margin-bottom: 0;
    text-align: right;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-pollutants-grid {
display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-pollutant-card {
background: #ffffff;
    border: 1px solid var(--air-border);
    border-radius: 13px;
    padding: 13px;
    min-height: 138px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-pollutant-card h3 {
font-size: 13px;
    margin-bottom: 8px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-pollutant-value {
font-size: 23px;
    font-weight: 800;
    margin-bottom: 5px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-pollutant-value small {
color: #64748b;
    font-size: 11px;
    font-weight: 600;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-pollutant-card p {
font-size: 11px;
    color: #64748b;
    margin-bottom: 0;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-two-columns {
display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .8fr);
    gap: 14px;
    margin-top: 14px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-chart-wrap {
height: 310px;
    position: relative;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-empty {
padding: 18px;
    border: 1px dashed #cbd5e1;
    background: #f8fafc;
    border-radius: 12px;
    color: #64748b;
    font-size: 13px;
    text-align: center;
}
body.claro-salud-tramites--calidad-del-aire .air-app #air-map {
width: 100%;
    height: 465px;
    border: 1px solid var(--air-border);
    border-radius: 14px;
    z-index: 1;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-map-help {
margin: 0 0 10px;
    color: var(--air-muted);
    font-size: 12px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-info-grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-info-card {
background: #ffffff;
    border: 1px solid var(--air-border);
    border-radius: 13px;
    padding: 15px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-info-card h3 {
font-size: 15px;
    margin-bottom: 7px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-info-card p,
body.claro-salud-tramites--calidad-del-aire .air-app .air-info-card li {
color: #475569;
    font-size: 12px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-info-card ul {
margin-bottom: 0;
    padding-left: 18px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-source-box {
margin-top: 16px;
    background: #0f172a;
    color: #e2e8f0;
    border-radius: 14px;
    padding: 15px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-source-box h3 {
color: #ffffff;
    font-size: 15px;
    margin-bottom: 8px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-source-box p,
body.claro-salud-tramites--calidad-del-aire .air-app .air-source-box li {
color: #cbd5e1;
    font-size: 12px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-source-box ul {
margin-bottom: 0;
    padding-left: 18px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .leaflet-container {
font-family: Cambria, Georgia, "Times New Roman", serif;
}
@media (max-width: 1050px) {
body.claro-salud-tramites--calidad-del-aire .air-app .air-summary-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-summary-grid .air-card:last-child {
grid-column: 1 / -1;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-pollutants-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 820px) {
body.claro-salud-tramites--calidad-del-aire .air-app {
padding: 12px;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-header {
flex-direction: column;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-controls {
grid-template-columns: 1fr;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-summary-grid,
body.claro-salud-tramites--calidad-del-aire .air-app .air-two-columns,
body.claro-salud-tramites--calidad-del-aire .air-app .air-info-grid {
grid-template-columns: 1fr;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-summary-grid .air-card:last-child {
grid-column: auto;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-pollutants-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-section-heading {
align-items: flex-start;
        flex-direction: column;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-section-heading p {
text-align: left;
}
}
@media (max-width: 520px) {
body.claro-salud-tramites--calidad-del-aire .air-app .air-aqi-wrap {
grid-template-columns: 1fr;
        text-align: center;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-aqi-ring {
margin: 0 auto;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-advice-grid,
body.claro-salud-tramites--calidad-del-aire .air-app .air-weather-grid,
body.claro-salud-tramites--calidad-del-aire .air-app .air-pollutants-grid {
grid-template-columns: 1fr;
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-tabs {
display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.claro-salud-tramites--calidad-del-aire .air-app .air-tab-button {
width: 100%;
}
body.claro-salud-tramites--calidad-del-aire .air-app #air-map {
height: 390px;
}
}

/* salud/guardias-hospitalarias.php */
body.claro-salud-tramites--guardias-hospitalarias .seb-guardias-card * {
box-sizing: border-box;
}
body.claro-salud-tramites--guardias-hospitalarias .seb-guardias-card .leaflet-popup-content-wrapper {
border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.18);
}
body.claro-salud-tramites--guardias-hospitalarias .seb-guardias-card .leaflet-popup-content {
margin: 12px;
}
body.claro-salud-tramites--guardias-hospitalarias .seb-guardias-card .leaflet-popup-tip {
box-shadow: none;
}
body.claro-salud-tramites--guardias-hospitalarias .seb-marker {
display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 2px solid #ffffff;
        box-shadow: 0 4px 9px rgba(15, 23, 42, 0.28);
        color: #ffffff;
        font-weight: 700;
}
body.claro-salud-tramites--guardias-hospitalarias .seb-marker-hospital {
background: #0055A5;
}
body.claro-salud-tramites--guardias-hospitalarias .seb-marker-user {
background: #0f172a;
}
body.claro-salud-tramites--guardias-hospitalarias .seb-pulse-marker {
animation: seb-pulse-active 2s infinite;
}
@keyframes seb-pulse-active {
0% { box-shadow: 0 0 0 0 rgba(0, 85, 165, 0.65); }
        70% { box-shadow: 0 0 0 15px rgba(0, 85, 165, 0); }
        100% { box-shadow: 0 0 0 0 rgba(0, 85, 165, 0); }
}
body.claro-salud-tramites--guardias-hospitalarias .seb-hide-scrollbar::-webkit-scrollbar {
display: none;
}
body.claro-salud-tramites--guardias-hospitalarias .seb-hide-scrollbar {
-ms-overflow-style: none; scrollbar-width: none;
}
body.claro-salud-tramites--guardias-hospitalarias .seb-status-ok {
background: #eff6ff; border-color: #bfdbfe; color: #1e3a8a;
}
body.claro-salud-tramites--guardias-hospitalarias .seb-status-warn {
background: #fffbeb; border-color: #fde68a; color: #78350f;
}
body.claro-salud-tramites--guardias-hospitalarias .seb-status-error {
background: #fef2f2; border-color: #fecaca; color: #7f1d1d;
}
body.claro-salud-tramites--guardias-hospitalarias .seb-focus-visible:focus-visible {
outline: 3px solid rgba(0, 85, 165, 0.35); outline-offset: 2px;
}

/* tramites-administrativos/clima.php */
body.claro-salud-tramites--clima .selector-container {
text-align: center;
            margin-bottom: -15px;
}
body.claro-salud-tramites--clima .selector-grid {
display: grid;
            grid-template-columns: repeat(2, minmax(180px, 1fr));
            gap: 12px;
            align-items: end;
            width: 95%;
            max-width: 900px;
            margin: 0 auto;
}
body.claro-salud-tramites--clima .selector-campo {
display: flex;
            flex-direction: column;
            gap: 6px;
            text-align: left;
}
body.claro-salud-tramites--clima select#provincia-selector,
body.claro-salud-tramites--clima input#buscador-ciudad {
padding: 10px 15px;
            font-size: 1.1rem;
            border-radius: 8px;
            border: 2px solid #ccc;
            background-color: #bfe9ff;
            color: #333;
            cursor: pointer;
            outline: none;
            box-shadow: 0 4px 6px rgba(0,0,0,0.2);
            transition: all 0.3s ease;
            max-width: 90%;
}
body.claro-salud-tramites--clima select#provincia-selector,
body.claro-salud-tramites--clima input#buscador-ciudad {
width: 100%;
            max-width: 100%;
            box-sizing: border-box;
}
body.claro-salud-tramites--clima input#buscador-ciudad {
cursor: text;
}
body.claro-salud-tramites--clima select#provincia-selector:hover,
body.claro-salud-tramites--clima input#buscador-ciudad:hover {
border-color: #ffcc00;
}
body.claro-salud-tramites--clima select#provincia-selector:focus,
body.claro-salud-tramites--clima input#buscador-ciudad:focus {
border-color: #ffcc00; background-color: #fff;
}
body.claro-salud-tramites--clima .selector-status {
min-height: 1.4em;
            text-align: center;
            margin: 10px auto 0 auto;
            width: 95%;
            max-width: 900px;
}
body.claro-salud-tramites--clima .widget-wrapper {
width: 90%;
    background-color: rgba(255, 255, 255, 0.1); 
    border-radius: 12px;
    margin: 20px auto;
    position: relative;
    min-height: 200px;
    overflow-x: auto;
}
body.claro-salud-tramites--clima .loader {
border: 5px solid #f3f3f3;
    border-top: 5px solid #ffcc00;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    position: absolute;
    z-index: 10;
	
	top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}
@keyframes spin {
0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
body.claro-salud-tramites--clima .widget-wrapper iframe {
width: 100%;
    height: 100%;
    border: none;
    display: block;
    transition: opacity 0.5s ease-in;
}
body.claro-salud-tramites--clima #cuerpograficos {
width: 55%;
  float: left;
  background: #333333;
  padding: 20px;
  padding-top: 0px; 
  box-sizing: border-box;
  border: 5px solid #000000;
  justify-content: center;
  align-items: center;
}
body.claro-salud-tramites--clima.menu-lateral-contraido #cuerpograficos {
width: 71%;
}
body.claro-salud-tramites--clima .variable {
width: 100%;
  background-color: #006400;
  padding:  0px 5px 5px 5px; 
  color: #fff;
  font-family: Cambria, serif;
  font-size: x-large;
  font-weight: bold;
  text-align: center;
  margin: 20px 5px 0px 5px; 
  box-sizing: border-box;

  border-radius: 15px 15px 0 0;

  border: 5px solid rgba(102, 205, 170, 1);
  border-bottom: 1px;
}
body.claro-salud-tramites--clima .grafico {
width: 100%;
  font-family: Cambria, serif;
  font-size: small;
  font-weight: bold;
  text-align: left;
  color: #000000;
  margin: 0px 5px 20px 5px; 
  background-color: rgba(211, 211, 211, 1);
  padding: 5px 5px 20px 5px; 
  box-sizing: border-box;
  display: flex;
  justify-content: center;

  
  border-radius: 0 0 15px 15px;

  border: 5px solid rgba(102, 205, 170, 1);
}
body.claro-salud-tramites--clima .grafico a:link,
body.claro-salud-tramites--clima .grafico a:visited {
color: blue;
  font-weight: bold;
  text-decoration: none;
}
body.claro-salud-tramites--clima .grafico a:hover,
body.claro-salud-tramites--clima .grafico a:active {
color: #ffff00;
  font-weight: bold;
}
body.claro-salud-tramites--clima .guia-clima {
display: block;
  width: 90%;
  padding: 12px 2px 8px 2px; 
  max-width: 900px;
  margin: 0 auto;
}
body.claro-salud-tramites--clima .guia-clima .subtitulocuerpo,
body.claro-salud-tramites--clima .guia-clima .cuerpo {
text-align: left;
}
body.claro-salud-tramites--clima .acciones-informe {
display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 95%;
  max-width: 900px;
  margin: 18px auto 4px auto;
}
body.claro-salud-tramites--clima .acciones-informe button {
border: 2px solid #003d00;
  border-radius: 9px;
  background: #006400;
  color: #fff;
  cursor: pointer;
  font: 700 1rem/1.2 Cambria, Georgia, serif;
  padding: 10px 16px;
}
body.claro-salud-tramites--clima .acciones-informe button:hover,
body.claro-salud-tramites--clima .acciones-informe button:focus-visible {
background: #004d00;
  outline: 3px solid #ffcc00;
  outline-offset: 2px;
}
body.claro-salud-tramites--clima .encabezado-impresion {
display: none;
}
body.claro-salud-tramites--clima .fuentes-informe {
width: 90%;
  max-width: 900px;
  margin: 18px auto 24px auto;
  padding: 14px 16px;
  box-sizing: border-box;
  border: 1px solid #9aa0a6;
  border-radius: 10px;
  background: #fff;
  color: #111;
  font: 400 0.95rem/1.5 Arial, sans-serif;
}
body.claro-salud-tramites--clima .fuentes-informe h2 {
margin: 0 0 8px 0;
  font-size: 1.15rem;
}
body.claro-salud-tramites--clima .fuentes-informe p {
margin: 6px 0;
}
body.claro-salud-tramites--clima .fuentes-informe a {
overflow-wrap: anywhere;
}
body.claro-salud-tramites--clima .widget-error {
align-self: center;
  max-width: 90%;
  margin: auto;
  padding: 12px;
  text-align: center;
}
@media screen and (max-width: 769px) {
body.claro-salud-tramites--clima #cuerpograficos {
width: 100%;
    float: none;
}
body.claro-salud-tramites--clima.menu-lateral-contraido #cuerpograficos {
width: 100%;
}
body.claro-salud-tramites--clima .selector-grid {
grid-template-columns: 1fr;
}
body.claro-salud-tramites--clima .widget-wrapper {
width: 96%;
}
body.claro-salud-tramites--clima #widget-meteoblue {
min-width: 0 !important;
}
}
@media print {
@page claro-salud-clima {
size: A4 portrait;
    margin: 12mm;
}
html:has(> body.claro-salud-tramites--clima),
body.claro-salud-tramites--clima {
background: #fff !important;
    color: #000 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.claro-salud-tramites--clima header,
body.claro-salud-tramites--clima .bloque-superior-clima,
body.claro-salud-tramites--clima cuerpoizquierda,
body.claro-salud-tramites--clima cuerpocentro,
body.claro-salud-tramites--clima #menuprincipal,
body.claro-salud-tramites--clima .sharethis-inline-share-buttons,
body.claro-salud-tramites--clima .publicidadderecha,
body.claro-salud-tramites--clima .acciones-informe,
body.claro-salud-tramites--clima .selector-container,
body.claro-salud-tramites--clima .loader,
body.claro-salud-tramites--clima script,
body.claro-salud-tramites--clima noscript,
body.claro-salud-tramites--clima #btn-favorito {
display: none !important;
}
body.claro-salud-tramites--clima #cuerpograficos .bloque-pronostico,
body.claro-salud-tramites--clima #cuerpograficos .bloque-guia-clima,
body.claro-salud-tramites--clima #widget-main,
body.claro-salud-tramites--clima #weatherwidget-container,
body.claro-salud-tramites--clima .fuentes-informe {
display: none !important;
}
body.claro-salud-tramites--clima #cuerpograficos {
display: block !important;
    float: none !important;
    width: 100% !important;
    border: 0 !important;
    background: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.claro-salud-tramites--clima .encabezado-impresion {
display: block !important;
    margin: 0 0 8px 0;
    padding: 0;
    border-bottom: 0 !important;
}
body.claro-salud-tramites--clima .encabezado-impresion h1 {
margin: 0 0 5px 0;
    font: 700 20pt/1.2 Georgia, serif;
}
body.claro-salud-tramites--clima .encabezado-impresion p {
margin: 3px 0;
    font: 10pt/1.35 Arial, sans-serif;
}
body.claro-salud-tramites--clima .variable {
background: #fff !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    border-bottom: 0 !important;
    margin: 12px 0 0 0 !important;
    border-radius: 8px 8px 0 0 !important;
    break-after: avoid-page;
}
body.claro-salud-tramites--clima .variable h2 {
margin: 5px 0 !important;
    font-size: 14pt !important;
}
body.claro-salud-tramites--clima .grafico {
display: block !important;
    width: 100% !important;
    color: #000 !important;
    background: #fff !important;
    border: 2px solid #000 !important;
    margin: 0 0 12px 0 !important;
    padding: 6px !important;
    border-radius: 0 0 8px 8px !important;
    box-sizing: border-box !important;
    break-inside: avoid-page;
}
body.claro-salud-tramites--clima .widget-wrapper {
width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
    margin: 0 !important;
    background: #fff !important;
}
body.claro-salud-tramites--clima #widget-main {
min-height: 150px !important;
}
body.claro-salud-tramites--clima #widget-windy {
height: 430px !important;
    min-height: 430px !important;
}
body.claro-salud-tramites--clima #widget-meteoblue {
height: 600px !important;
    min-height: 600px !important;
    min-width: 0 !important;
}
body.claro-salud-tramites--clima .widget-wrapper iframe {
opacity: 1 !important;
    max-width: 100% !important;
}
body.claro-salud-tramites--clima a,
body.claro-salud-tramites--clima a:visited {
color: #000 !important;
    text-decoration: none !important;
}
}

/* tramites-administrativos/multas-de-transito-descargos-de-infracciones.php */
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones #descargos-viales-app {
font-family: Cambria, Georgia, serif;
    color: #172033;
    background: #f8fafc;
    border: 1px solid #dbe4f0;
    border-radius: 28px;
    padding: 5px;
    max-width: 1180px;
    margin: 5px auto;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones #descargos-viales-app * {
box-sizing: border-box;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones #descargos-viales-app h1,
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones #descargos-viales-app h2,
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones #descargos-viales-app h3,
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones #descargos-viales-app p {
margin-top: 0;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-hero {
background: linear-gradient(135deg, #111827 0%, #1e3a8a 62%, #0f766e 100%);
    color: #fff;
    border-radius: 24px;
    padding: 20px;
    margin-bottom: 16px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-hero-top {
display: flex; gap: 16px; align-items: center; flex-wrap: nowrap;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-hero-text {
flex: 1 1 auto; min-width: 0;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-icono-hero {
width: 54px;
    height: 54px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.24);
    flex: 0 0 auto;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-hero h1 {
font-size: clamp(1.55rem, 3.2vw, 2.45rem); line-height: 1.08; margin-bottom: 10px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-hero p {
color: #dbeafe; line-height: 1.55; max-width: 920px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-pildoras {
display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-pildora {
background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; padding: 7px 11px; font-size: .82rem;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-grid {
display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(420px, .88fr); gap: 22px; align-items: stretch;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-card {
background: #fff; border: 1px solid #dbe4f0; border-radius: 22px; padding: 20px; box-shadow: 0 10px 26px rgba(15,23,42,.055); min-width: 0;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-card h2 {
font-size: 1.15rem; color: #0f172a; border-bottom: 1px solid #e5eaf2; padding-bottom: 12px; margin-bottom: 16px; display: flex; gap: 8px; align-items: center;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-etapa {
border: 1px solid #e2e8f0; border-radius: 18px; padding: 16px; margin-bottom: 16px; background: #fbfdff;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-etapa-titulo {
font-weight: 700; color: #1e3a8a; margin-bottom: 12px; display: flex; gap: 8px; align-items: center;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-form-grid {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-form-grid-3 {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-full {
grid-column: 1 / -1;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-campo label {
display: block; font-size: .76rem; text-transform: uppercase; letter-spacing: .04em; color: #475569; font-weight: 700; margin-bottom: 5px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-campo input,
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-campo select,
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-campo textarea {
width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 13px;
    padding: 10px 11px;
    font: inherit;
    font-size: .94rem;
    background: #fff;
    color: #172033;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-campo textarea {
min-height: 96px; resize: vertical;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-campo input:focus,
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-campo select:focus,
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-campo textarea:focus {
border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, .14);
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-ayuda {
color: #64748b; font-size: .8rem; line-height: 1.35; margin-top: 5px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-aviso {
border-radius: 18px; padding: 15px; line-height: 1.45;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-aviso strong {
color: inherit;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-aviso-legal {
background: #fff7ed; border: 1px solid #fed7aa; color: #7c2d12;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-aviso-privacidad {
background: #ecfeff; border: 1px solid #a5f3fc; color: #164e63;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-checks {
display: grid; gap: 10px; margin-top: 12px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-check {
display: flex; gap: 9px; align-items: flex-start; font-size: .9rem; line-height: 1.35; color: #334155;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-check input {
margin-top: 3px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-botonera {
display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-btn {
border: 0; border-radius: 14px; padding: 12px 15px; font-family: inherit; font-weight: 700; cursor: pointer; display: inline-flex; gap: 8px; align-items: center; justify-content: center; transition: transform .12s ease, opacity .12s ease, background .12s ease;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-btn:hover {
transform: translateY(-1px);
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-btn:disabled {
opacity: .55; cursor: not-allowed; transform: none;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-btn-principal {
background: #2563eb; color: #fff; flex: 1; min-width: 220px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-btn-secundario {
background: #0f172a; color: #fff;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-btn-claro {
background: #e2e8f0; color: #0f172a;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-panel-sticky {
position: sticky; top: 12px; width: 100%; min-width: 0; align-self: stretch; display: flex; flex-direction: column;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-panel-sticky > .sebv-card:first-child {
flex: 1 1 auto;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-estado > div {
min-width: 0; flex: 1 1 auto;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-estado {
display: flex; gap: 13px; align-items: flex-start; padding: 14px; border-radius: 18px; background: #f1f5f9; border: 1px solid #dbe4f0; margin-bottom: 14px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-estado i {
margin-top: 2px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-estado h3 {
font-size: 1rem; margin-bottom: 4px; color: #0f172a;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-estado p {
font-size: .88rem; color: #475569; line-height: 1.45; margin-bottom: 0;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-estado-alta {
background: #fff1f2; border-color: #fecdd3;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-estado-media {
background: #fffbeb; border-color: #fde68a;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-estado-info {
background: #eff6ff; border-color: #bfdbfe;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-alerta {
border-radius: 16px; padding: 13px; margin-bottom: 10px; border: 1px solid #e2e8f0; background: #fff;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-alerta h4 {
margin: 0 0 6px; color: #0f172a; font-size: .98rem; display: flex; gap: 8px; align-items: center;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-alerta p {
margin: 0 0 7px; color: #475569; font-size: .86rem; line-height: 1.45;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-alerta .accion {
color: #1e3a8a; font-weight: 700;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-alerta.alta {
border-color: #fecdd3; background: #fff1f2;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-alerta.media {
border-color: #fde68a; background: #fffbeb;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-alerta.info {
border-color: #bfdbfe; background: #eff6ff;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-resumen-lista {
display: grid; gap: 7px; font-size: .88rem; color: #334155; margin: 10px 0 0;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-resumen-lista div {
display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px dashed #e2e8f0; padding-bottom: 6px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-resumen-lista strong {
color: #0f172a;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones #sebv-escrito {
width: 100%; min-height: 260px; border: 1px solid #cbd5e1; border-radius: 15px; padding: 12px; font-family: Consolas, monospace; font-size: .8rem; line-height: 1.45; color: #111827; background: #fff; resize: vertical;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-oculto {
display: none !important;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-toast {
position: fixed; right: 18px; bottom: 18px; z-index: 9999; background: #0f172a; color: white; padding: 12px 14px; border-radius: 14px; box-shadow: 0 18px 45px rgba(15,23,42,.25); opacity: 0; transform: translateY(12px); transition: .18s ease; max-width: 340px; font-family: Cambria, Georgia, serif;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-toast.visible {
opacity: 1; transform: translateY(0);
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-footer-info {
margin-top: 22px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-footer-info > div {
background: #0f172a; color: #e2e8f0; border-radius: 18px; padding: 15px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-footer-info strong {
color: #93c5fd; display: block; margin-bottom: 6px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-footer-info p {
color: #cbd5e1; font-size: .88rem; line-height: 1.45; margin-bottom: 0;
}
@media (max-width: 1580px) {
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones #descargos-viales-app {
padding: 16px; border-radius: 20px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-grid {
grid-template-columns: 1fr;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-panel-sticky {
position: static;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-footer-info {
grid-template-columns: 1fr;
}
}
@media (max-width: 680px) {
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-form-grid,
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-form-grid-3 {
grid-template-columns: 1fr;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-hero {
padding: 20px;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-hero-top {
flex-wrap: wrap; align-items: flex-start;
}
body.claro-salud-tramites--multas-de-transito-descargos-de-infracciones .sebv-btn {
width: 100%;
}
}
/* Reglas acotadas a este lote: las páginas de referencia conservan su diseño. */
body.claro-salud-tramites cuerpocentro { min-width: 0; }
body.claro-salud-tramites cuerpocentro :is(.tabla, .datoscalculador, .recomendaciones) { font-family: var(--cl-fuente); color: var(--cl-texto); }
body.claro-salud-tramites cuerpocentro .claro-calculador .claro-precios { table-layout: auto; }
body.claro-salud-tramites cuerpocentro .claro-calculador .claro-precios :is(td, th) { padding: 6px 8px; font-weight: 400; color: var(--cl-texto); }
body.claro-salud-tramites cuerpocentro .claro-calculador .claro-precios td.superiorparatabla { background: #E4D9C7; color: var(--cl-caoba); font-size: 13px; font-weight: 600; }
body.claro-salud-tramites cuerpocentro .claro-calculador :is(label, .marcaregistrada) { color: inherit; }
body.claro-salud-tramites cuerpocentro .claro-calculador .claro-precios input:is([type="radio"], [type="checkbox"]) { display: inline-block; width: 18px !important; height: 18px !important; min-height: 0; padding: 0; margin: 4px 6px !important; accent-color: var(--cl-verde); vertical-align: middle; }
body.claro-salud-tramites cuerpocentro .claro-calculador .claro-precios input:not([type="radio"]):not([type="checkbox"]) { font-weight: 400; color: var(--cl-texto); }
body.claro-salud-tramites cuerpocentro .claro-calculador .claro-precios select { width: 100%; min-height: 34px; padding: 4px 8px; font-size: 14px; }
body.claro-salud-tramites cuerpocentro .claro-calculador p { margin: 0; }
body.claro-salud-tramites cuerpocentro .claro-calculador [id^="mensaje_error"]:empty { display: none; }
body.claro-salud-tramites cuerpocentro .claro-calculador .calcular { background: var(--cl-accion); border-color: var(--cl-accion); box-shadow: none; }
body.claro-salud-tramites cuerpocentro .claro-calculador .calcular:hover { background: var(--cl-caoba); }
body.claro-salud-tramites cuerpocentro .claro-resultados td { font-weight: 400; color: var(--cl-texto); }
body.claro-salud-tramites cuerpocentro :is(#caja_resultados, #caja_res_imc, #caja_res_mar) > .subtitulocuerpo:first-child { margin-top: 0; }
body.claro-salud-tramites cuerpocentro td[colspan][bgcolor="#FFFF00"] { background: #E4D9C7; color: var(--cl-caoba); font-weight: 600; }
body.claro-salud-tramites cuerpocentro cuerpoparaindexcincuenta { display: block; width: 100%; float: none; padding: 0; border: 0; margin: 24px 0; background: transparent; }
body.claro-salud-tramites cuerpocentro .claro-grafico-viewport { position: relative; width: 100%; height: 380px; min-width: 0; }
body.claro-salud-tramites cuerpocentro .claro-grafico--gauge .claro-grafico-viewport { height: 300px; }
body.claro-salud-tramites cuerpocentro .claro-grafico--gauge #chart_div { width: 100% !important; max-width: none !important; height: 300px !important; display: grid; place-items: center; }
body.claro-salud-tramites cuerpocentro .claro-grafico--gauge svg { max-width: 100%; height: auto; }
body.claro-salud-tramites cuerpocentro [data-salud-sheets-grafico] { min-width: 0; }
body.claro-salud-tramites cuerpocentro [data-salud-sheets-grafico] > iframe { aspect-ratio: auto; height: 600px; }

/* Calidad del aire: se conservan los colores de riesgo y las funciones del mapa. */
body.claro-salud-tramites cuerpocentro .air-app {
    --air-primary: var(--cl-verde); --air-primary-dark: var(--cl-caoba);
    --air-accent: var(--cl-terracota); --air-bg: var(--cl-crema);
    --air-card: var(--cl-papel); --air-text: var(--cl-texto);
    --air-muted: var(--cl-texto); --air-border: var(--cl-borde);
    padding: 0; border: 0; border-radius: 0; background: transparent; overflow: visible;
    font-family: var(--cl-fuente); line-height: 1.75;
}
body.claro-salud-tramites cuerpocentro .air-app .air-header { padding: 0 0 14px; border: 0; border-radius: 0; background: none; }
body.claro-salud-tramites cuerpocentro .air-app h1 { font: 600 clamp(30px, 3vw, 48px)/1.15 var(--cl-fuente); color: var(--cl-titulo); letter-spacing: -.045em; }
body.claro-salud-tramites cuerpocentro .air-app :is(h2, h3, .air-card-title) { color: var(--cl-caoba); }
body.claro-salud-tramites cuerpocentro .air-app h2 { margin: 0 0 10px; font-size: 21px; }
body.claro-salud-tramites cuerpocentro .air-app :is(.air-controls, .air-card, .air-source-box, .air-map-card, .air-loading) { background: #FFFDF9; border-color: var(--cl-borde); border-radius: 14px; box-shadow: 0 5px 20px #66232505; }
body.claro-salud-tramites cuerpocentro .air-app .air-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.claro-salud-tramites cuerpocentro .air-app .air-summary-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
body.claro-salud-tramites cuerpocentro .air-app .air-two-columns { grid-template-columns: minmax(0, 1fr); }
body.claro-salud-tramites cuerpocentro .air-app :is(.air-input, .air-select) { background: var(--cl-papel); border-color: #B8AD9B; border-radius: 7px; color: var(--cl-texto); }
body.claro-salud-tramites cuerpocentro .air-app .air-button { background: var(--cl-accion); border-color: var(--cl-accion); color: white; }
body.claro-salud-tramites cuerpocentro .air-app .air-button:hover { background: var(--cl-caoba); }
body.claro-salud-tramites cuerpocentro .air-app :is(.air-tab-button, .air-button-secondary) { background: var(--cl-crema); border-color: var(--cl-borde); color: var(--cl-caoba); }
body.claro-salud-tramites cuerpocentro .air-app .air-tab-button.active { background: var(--cl-verde-suave); color: #365B27; border-color: var(--cl-verde); }
body.claro-salud-tramites cuerpocentro .air-app .air-chart-wrap { background: var(--cl-papel); }
body.claro-salud-tramites cuerpocentro .air-app .claro-grafico-leyenda { padding: 0; }

/* Guardias: mantener el diseño funcional de Leaflet y su distribución. */
body.claro-salud-tramites cuerpocentro .seb-guardias-card { border-color: var(--cl-borde) !important; background: var(--cl-papel) !important; border-radius: 14px; font-family: var(--cl-fuente) !important; box-shadow: 0 5px 20px #66232505; }
body.claro-salud-tramites cuerpocentro .seb-guardias-card :is(.bg-white, .bg-slate-50) { background: var(--cl-papel) !important; }
body.claro-salud-tramites cuerpocentro .seb-guardias-card [class*="border-slate"] { border-color: var(--cl-borde) !important; }
body.claro-salud-tramites cuerpocentro .seb-guardias-card :is(h2, h3) { color: var(--cl-caoba); margin: 0; font-size: 18px; }
body.claro-salud-tramites cuerpocentro .seb-guardias-card p { margin: 0; }
body.claro-salud-tramites cuerpocentro .seb-guardias-card button:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out) { min-height: 34px; padding: 7px 12px; font-size: 13px; }
body.claro-salud-tramites cuerpocentro .seb-guardias-card :is(#seb-btn-geolocate, #seb-btn-retry) { background: var(--cl-accion) !important; border-color: var(--cl-accion); color: #FFF !important; }
body.claro-salud-tramites cuerpocentro .seb-guardias-card .seb-status-ok { background: var(--cl-verde-suave); color: #365B27; border-color: var(--cl-borde); }

/* Descargos: misma paleta y paneles, sin tocar sus etapas ni campos. */
body.claro-salud-tramites cuerpocentro #descargos-viales-app { padding: 0; border: 0; background: none; box-shadow: none; color: var(--cl-texto); }
body.claro-salud-tramites cuerpocentro #descargos-viales-app .sebv-hero { background: none; color: var(--cl-texto); padding: 0 0 18px; border-radius: 0; }
body.claro-salud-tramites cuerpocentro #descargos-viales-app .sebv-hero h1 { color: var(--cl-titulo); font-size: clamp(30px, 3vw, 48px); line-height: 1.15; }
body.claro-salud-tramites cuerpocentro #descargos-viales-app .sebv-hero p { color: var(--cl-texto); }
body.claro-salud-tramites cuerpocentro #descargos-viales-app :is(.sebv-icono-hero, .sebv-pildora) { background: var(--cl-verde-suave); color: var(--cl-caoba); border-color: var(--cl-borde); }
body.claro-salud-tramites cuerpocentro #descargos-viales-app .sebv-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
body.claro-salud-tramites cuerpocentro #descargos-viales-app :is(.sebv-card, .sebv-etapa, .sebv-estado) { border-color: var(--cl-borde); border-radius: 14px; background: #FFFDF9; box-shadow: 0 5px 20px #66232505; }
body.claro-salud-tramites cuerpocentro #descargos-viales-app :is(h2, h3, h4, .sebv-etapa-titulo) { color: var(--cl-caoba); }
body.claro-salud-tramites cuerpocentro #descargos-viales-app :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { background: var(--cl-papel); border-color: #B8AD9B; border-radius: 7px; color: var(--cl-texto); text-align: left; }
body.claro-salud-tramites cuerpocentro #descargos-viales-app .sebv-panel-sticky { position: static; }
body.claro-salud-tramites cuerpocentro #descargos-viales-app .sebv-btn-principal { background: var(--cl-accion); }
body.claro-salud-tramites cuerpocentro #descargos-viales-app .sebv-btn-secundario { background: var(--cl-caoba); }
body.claro-salud-tramites cuerpocentro #descargos-viales-app .sebv-btn-claro { background: var(--cl-crema); color: var(--cl-caoba); border-color: var(--cl-borde); }

/* Clima: pronósticos y mapas en el flujo de la misma columna central. */
body.claro-salud-tramites cuerpocentro #cuerpograficos { width: 100%; float: none; border: 0; padding: 0; background: none; font-family: var(--cl-fuente); color: var(--cl-texto); }
body.claro-salud-tramites cuerpocentro .selector-container { margin: 24px 0; padding: 16px; border: 1px solid var(--cl-borde); border-radius: 14px; background: #FFFDF9; }
body.claro-salud-tramites cuerpocentro .selector-grid { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.claro-salud-tramites cuerpocentro :is(select#provincia-selector, input#buscador-ciudad) { background: var(--cl-papel); border: 1px solid #B8AD9B; color: var(--cl-texto); font: 400 15px/1.4 var(--cl-fuente); box-shadow: none; }
body.claro-salud-tramites cuerpocentro .acciones-informe button { background: var(--cl-accion); border: 1px solid var(--cl-accion); font: 600 15px/1.4 var(--cl-fuente); }
body.claro-salud-tramites cuerpocentro #cuerpograficos .variable { margin: 24px 0 0; padding: 16px; background: var(--cl-crema); color: var(--cl-caoba); border: 1px solid var(--cl-borde); border-radius: 14px 14px 0 0; }
body.claro-salud-tramites cuerpocentro #cuerpograficos .variable h2 { margin: 0; font-size: 23px; }
body.claro-salud-tramites cuerpocentro #cuerpograficos .grafico { width: 100%; margin: 0 0 24px; padding: 16px; border: 1px solid var(--cl-borde); border-top: 0; background: #FFFDF9; border-radius: 0 0 14px 14px; color: var(--cl-texto); }
body.claro-salud-tramites cuerpocentro #cuerpograficos :is(.widget-wrapper, .guia-clima, .fuentes-informe) { width: 100% !important; min-width: 0 !important; font-family: var(--cl-fuente); border-color: var(--cl-borde); }
body.claro-salud-tramites cuerpocentro #cuerpograficos .widget-wrapper iframe { aspect-ratio: auto; height: 100%; border-radius: 0; }
body.claro-salud-tramites cuerpocentro #cuerpograficos .grafico a:is(:hover, :active) { color: #0000EE; }
body.claro-salud-tramites cuerpocentro #cuerpograficos .loader { border-color: var(--cl-crema); border-top-color: var(--cl-terracota); }
@media (max-width: 769px) {
    body.claro-salud-tramites cuerpocentro .air-app .air-controls,
    body.claro-salud-tramites cuerpocentro .selector-grid { grid-template-columns: minmax(0, 1fr); }
    body.claro-salud-tramites cuerpocentro .air-app .air-header { padding: 0 0 14px; }
    body.claro-salud-tramites cuerpocentro .air-app .air-aqi-wrap { flex-wrap: wrap; }
    body.claro-salud-tramites cuerpocentro #descargos-viales-app .sebv-form-grid-3 { grid-template-columns: minmax(0, 1fr); }
    body.claro-salud-tramites cuerpocentro .claro-grafico-viewport { height: 340px; }
}
@media print {
    body.claro-salud-tramites--clima { page: claro-salud-clima; }
    body.claro-salud-tramites--clima cuerpocentro { display: block !important; width: 100% !important; padding: 0 !important; min-height: 0 !important; }
    body.claro-salud-tramites--clima cuerpocentro > :not(main),
    body.claro-salud-tramites--clima main.seb-contenido-salud > :not(#cuerpograficos) { display: none !important; }
    body.claro-salud-tramites--clima .cabecera-clara { display: none !important; }
}

/* Semántica de las páginas de salud y trámites, conservando la disposición. */
body.claro-salud-tramites main.seb-contenido-salud { display: block; width: 100%; min-width: 0; }
body.claro-salud-tramites .claro-enlace-final { font-size: 16px; font-weight: 600; }
body.claro-salud-tramites .claro-titulo-impresion { font-size: 22px; font-weight: 700; line-height: 1.3; }
body.claro-salud-tramites--clima .bloque-guia-clima h3 { font-size: 19px; }
body.claro-salud-tramites--guardias-hospitalarias .seb-guardias-card h1 { font-size: 1rem; line-height: 1.25; margin: 0; padding: 0; }