:root {
    /* Variables */
    --clr-gris-smu: #3c3c3c;
    --clr-rojo-srcp: #b81820;
    --clr-claro: #fff;
    /* logo smu */
    --clr-logo-texto: #3c3c3c;
    --clr-logo-logo: #0194c8;
    /* otras variables */
    --alto-header: 547px;
    /* fuente */
    --base-font-size: 6px;
    --fluid-typography-ratio: 0.295;
    --rem: calc(var(--base-font-size) + var(--fluid-typography-ratio) * 1vw);
    font-size: var(--rem)!important;
}

.grilla {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.navbar.navbar-default.navbar-transparente {
    background: transparent;
    border: none;
}

.navbar__logo-srcp {
    max-width: 22em;
    padding: 1.5em 0;
    /*height: 210px;*/
}

.srcp-navbar {
    padding-top: clamp(1em, 10vh + 0.5em, 1.25em);
    min-height: 137px;
}

.srcp__denuncia {
    /*     display: flex; 
    flex-direction: column;
 */
    display: grid;
    grid-template-columns: 1fr;
}


/* formularios */

.srcp__header-formulario {
    background: url('/wpsmu/wp-content/uploads/2021/04/srcp-formulario.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    max-height: var(--alto-header);
}

.srcp__header-formulario--logos {
    display: flex;
    justify-content: space-between;
    /* height: var(--alto-header); */
    min-height: 200px;
}

.srcp__contenido {
    max-width: 94%;
    margin: 1em auto;
}

.srcp__form {
    background-color: var(--clr-rojo-srcp, pink);
    padding: 3em 2em;
    color: var(--clr-claro, #fff);
}

.srcp__header-formulario--logosrcp {
    align-self: flex-end;
    margin-bottom: 1em;
    max-width: 62vw;
    width: 250px;
}

.srcp__form--cedula::placeholder {
    color: var(--clr-gris-smu);
    font-style: italic;
}

.srcp__contenido h1,
.srcp__contenido h2 {
    font-family: source-serif-pro, serif;
}

.srcp__contenido--titulo {
    font-size: 3.6rem;
    font-weight: bold;
    color: var(--clr-gris-smu);
}


/* logo SMU / svg en el header */

.srcp__header-formulario--logosmu {
    margin-top: 1em;
    align-self: flex-start;
}

.cls-1__logosmuvertical--alt {
    --clr-logo-texto: #fff;
    fill: var(--clr-logo-texto);
}

.cls-2__logosmuvertical--alt {
    --clr-logo-logo: #fff;
    fill: var(--clr-logo-logo);
}

.srcp__header-formulario--logosmu .cls-1__logosmuvertical--alt {
    --clr-logo-texto: #fff;
}

.srcp__header-formulario--logosmu .cls-2__logosmuvertical--alt {
    --clr-logo-logo: #fff;
}
/* 
.srcp-cobertura {
    max-width: 70%;
    margin-top: 2em;
    flex: 1;
}

.srcp-24hrs {
    width: 50%;
    margin-left: 1em;
    margin-top: -4em;
}
 */

.banner-srcp__secundarios_flex_alt .srcp-cobertura,
.banner-srcp__secundarios_flex_alt .srcp-24hrs {
    flex: 0 0 48%;       /* manda el ancho real */
    margin-top: 0;       /* 🔑 elimina solapamiento */
}

.principal {
    font-family: source-serif-pro, serif;
}

.principal__titulo {
    font-size: 2.8rem;
    margin: 1.5em 0 1.5em 0.6em;
}

.principal__destaque {
    padding: 2em;
    margin-bottom: 1em;
}

.principal__destaque>ul {
    font-size: 2.4rem;
    margin-left: -1.25em;
}

.principal__aclaracion {
    font-size: 2.5rem;
    margin: 1.5em 0 1.5em 0.6em;
    "

}

.principal__texto {
    font-size: 2.25rem;
}

.principal__texto:first-of-type {
    margin-top: 1em;
}


/* fin logo smu */

@media (min-width: 576px) {
    .srcp__contenido {
        max-width: 80%;
        padding: 5em 0;
    }
    .srcp__header-formulario--logos {
        height: var(--alto-header);
    }
    .srcp__header-formulario--logosrcp {
        width: 450px;
    }
    .srcp_boton:first-of-type {
        margin-bottom: 1em;
    }
}


/* fin formulario - - - - - - - -  - - -  - - -  - - -  - - -  - - -  - - -  - - -  - - -  - - -  */

.srcp-logo {
    background-image: url('/wpsmu/wp-content/uploads/2021/03/foto-srcp-color.jpg');
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .2);
    min-height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
    align-content: flex-end;
    width: 100%;
    height: 100%;
    padding: 1em;
    margin-bottom: 1em;
}

.srcp-smu-logo {
    max-width: 15rem;
    height: 14.25rem;
    margin-left: 5em;
    margin-right: 0.5em;
}

.srcp_enlace a:link,
.srcp_enlace a:visited {
    color: #b81820;
    color: var(--clr-rojo-srcp, #b81820);
    text-decoration: none;
}

.srcp_enlace a:hover,
.srcp_enlace a:active {
    color: var(--clr-gris-smu, #3c3c3c);
}

.srcp_enlace__blanco a:link,
.srcp_enlace__blanco a:visited {
    text-decoration: none;
    color: var(--clr-claro, white);
}

.srcp_enlace__blanco a:hover,
.srcp_enlace__blanco a:active {
    color: #a4a4a4;
}

.titulo__destacado {
    color: var(--clr-claro, white);
    font-weight: 700;
    font-size: 4.5rem;
    /*text-shadow: 2px 2px 5px black;*/
}

.banner-srcp {
    padding: 1em;
    font-size: min(max(2.6rem, 1.65vw), 3rem);
    line-height: 1em;
    text-align: center;
}

.banner-srcp__denuncia {
    margin: 0 auto;
    text-align: center;
    height: 220px;
}

.banner-srcp__plazo {
    width: 231px;
    height: 187px;
}

.banner-srcp__secundarios--denuncia,
.banner-srcp__secundarios--plazo {
    margin: 0 auto;
}

.banner-srcp>strong {
    font-weight: 700;
}

.banner-srcp__dark {
    color: var(--clr-claro, white);
}

.banner-srcp__destacado {
    color: var(--clr-rojo-srcp, #b81820);
}

.banner-srcp__secundarios {
    margin: 1em 0;
    font-size: 2rem;
    line-height: 1.25em;
}

.banner-srcp__secundarios_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 360px;
    margin: 1em auto;
}
/* 
.banner-srcp__secundarios_flex_alt {
    display: flex;
    max-width: 360px;
    margin: 0 auto;
}
.banner-srcp__secundarios_flex_alt > svg {
    flex: 0 0 auto;
}
.banner-srcp__secundarios_flex_alt > svg {
    width: 48%;
}

.banner-srcp__nota {
    flex: 0 0 100%;
    text-align: center;
    font-size: 0.9em;
    margin-top: 0.5em;
}
 */

 
.banner-srcp__secundarios_flex_alt {
    display: flex;
    flex-wrap: wrap;          /* 🔑 habilita segunda fila */
    justify-content: center;
    max-width: 360px;
    margin: 0 auto;
}

.banner-srcp__secundarios_flex_alt > svg {
    flex: 0 0 48%;             /* 🔑 evita superposición */
    max-width: 48%;
}

.banner-srcp__nota {
    flex: 0 0 100%;            /* 🔑 baja el texto */
    text-align: center;
    font-size: 0.9em;
    margin-top: 0.5em;
}


.banner-srcp__secundarios.banner-srcp__secundarios--plazo,
.banner-srcp__secundarios.banner-srcp__secundarios--denuncia {
    /* max-width: 45%; */
    margin: 0 auto;
}

.banner-srcp__plazo {
    width: 50%;
}

.bg-gris-claro {
    background: #f4f4f4;
}

.texto-rojo {
    color: #b81820;
    color: var(--clr-rojo-srcp, #b81820);
}

.srcp_casos_urgentes {
    max-width: 120px;
    margin-right: 15px;
}

.srcp-urgentes--texto {
    padding-left: 15px;
}

.srcp-faq {
    /* border-top: 1px solid #b81820; */
    margin-top: 1em;
}

.srcp-faq__titulo {
    font-family: source-serif-pro, serif;
    font-weight: 700;
    margin: 1em 0;
}

.srcp-fa {
    width: 25px;
    text-align: center;
}

.logo-srcp {
    width: 100%;
    /*height: 180px;*/
}

.logo-srcp__svg {
    min-width: 67%;
    max-height: 150px;
    margin-left: -88px;
}

.logo-srcp .cls-1__logosrcp {
    fill: #3d3d3d;
}

.logo-srcp .cls-2__logosrcp {
    fill: #b81820;
}

.collapsed-srcp {
    border: none;
    background: none;
    box-shadow: none;
    color: black;
}

.nav>li>a {
    padding: 0 5px;
}

.navbar-toggle .icon-bar {
    border-radius: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #333;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: none;
    border: none;
    box-shadow: none;
}

.navbar-default.navbar-toggle.collapsed-srcp:hover,
.navbar-default.navbar-toggle.collapsed-srcp:focus {
    background: var(--clr-rojo-srcp, #b81820);
}

.redes-nav-srcp {
    /* padding-top: 10px;
    align-items: flex-end;
     */
    margin-top: 1.55em;
    display: flex;
    align-items: baseline;
}


/* es para el telefonito, celular y eso en el panel derecho */

.srcp-comunicaciones {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    max-width: 100%
}

.srcp_boton {
    background: var(--clr-rojo-srcp);
    text-align: center;
    padding: 1em 0.5em;
    display: inline-block;
}

.srcp-afiliate {
    font-size: 2.4rem;
    line-height: 1.45em;
    padding: 1.6em 0;
    display: block;
    max-width: 80%;
    margin: 0 auto;
}

.srcp_boton:hover {
    background: var(--clr-gris-smu);
}

.srcp-situaciones {
    font-size: 2.4rem;
    line-height: 1.45em;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}

.srcp-situaciones:hover,
.srcp-situaciones:active,
.srcp-afiliate:hover,
.srcp-afiliate:active {
    text-decoration: none;
}

.situaciones {
    text-align: center;
    background: #b81820;
    padding: 1.5em 1em;
}

.situaciones:hover {
    background: var(--clr-gris-smu);
}

.situaciones__titulo {
    font-size: 2.4rem;
    line-height: 1.45em;
    font-weight: 700;
    align-self: center;
    text-transform: uppercase;
}


/* estaban embebidos en header srcp */

.srcp_telefono::after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 88px;
    background-image: url("telefono.svg");
    background-repeat: no-repeat;
    background-position: right;
    margin-left: -59px;
    margin-top: -30px;
}

.srcp_celular::before {
    content: "";
    display: inline-block;
    width: 150px;
    height: 134px;
    background-image: url("celular.svg");
    background-repeat: no-repeat;
    background-position: left;
}

.srcp-urgentes::before {
    content: "";
    display: inline-block;
    width: 100px;
    height: 90px;
    background-image: url("casos_urgentes.svg");
    background-repeat: no-repeat;
    background-position: left;
}

.srcp-constancia::before {
    content: "";
    display: inline-block;
    width: 100px;
    height: 100px;
    background-image: url("constancia de afiliacion.svg");
    background-repeat: no-repeat;
    background-position: left;
}


/* estos estaban embebidos en header */

.notas-secundarias__home {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
}

.notas__body {
    margin-top: 1em;
}

.notas__header {
    height: 130px;
}

.notas__header .notas-secundarias_imagen {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#menu-menu-principal a:hover {
    background: #eee;
    color: var(--clr-gris-smu, #3C3C3C;
    );
}

#menu-menu-principal {
    padding-top: 10px;
    margin-top: -7px;
}

.smu-svg__iconos {
    width: 60px;
    height: 30px;
    /*margin-right: 15px;*/
}

.redes .smu-svg {
    width: 20px;
    max-height: 20px;
    fill: rgba(60, 60, 60, 1);
    transition: all .2s ease-in-out;
}

.redes-sociales__mobile {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    float: right;
    margin-right: 5px;
}

.redes-sociales__mobile li {
    float: left;
    margin-left: 8px;
    margin-top: -25px;
    padding: 0 0 15px 0;
}

.redes-nav {
    padding-top: 10px;
    margin-top: 6.5em;
}

.header-smu-buscar {
    background: rgba(60, 60, 60, 1);
}

input[type="text"].header-smu-buscar {
    color: #eee;
    padding-left: 0.75rem;
}

#menu-menu-principal.navbar-right {
    padding-top: 10px;
}

.redes-footer .smu-svg {
    width: 20px;
    max-height: 20px;
    fill: rgba(255, 255, 255, 1);
    transition: all .2s ease-in-out;
}

.redes-footer .smu-svg .smu-svg__footer {
    fill: rgba(255, 255, 255, 1);
}

.oculto {
    display: none;
}

.socios--home__body {
    font-size: 1.6rem;
}

.socios--home_listado {
    list-style: none;
    color: var(--clr-claro, white);
}

.socios--home_listados {
    border-right: 1px solid #eee;
}

.socios-home__fila,
.socios--home__iconos {
    display: flex;
}

.socios--home__afiliacion {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.socios--home__icono a:link,
.socios--home__icono a:visited,
.socios--home__iconos a:link,
.socios--home__iconos a:visited {
    color: #fff;
    color: var(--clr-claro, white);
}

.socios--home__icono a:hover,
.socios--home__icono a:active,
.socios--home__iconos a:hover,
.socios--home__iconos a:active {
    color: #3c3c3c;
}

.socios--home__icono {
    margin: 1em 0;
    display: flex;
    align-items: center;
}

.socios--home__icono,
.socios--home__iconos {
    margin: 1em 0;
    font-weight: 700;
}

.smu-svg__iconos__certificado {
    width: 72px;
    height: 36px;
}

.smu-svg.smu-svg-grande {
    width: 25px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
}

.srcp-logo-smu {
    display: flex;
    align-self: flex-end;
    justify-self: center;
    margin-bottom: 1rem;
}

.srcp-redes {
    display: flex;
    justify-self: flex-end;
    align-self: flex-end;
    margin-bottom: 2rem;
}

@media (min-width: 576px) {
    .navbar__logo-srcp,
    .nav.navbar {
        margin-left: 5px;
    }
    .grilla {
        grid-template-columns: 2fr 1fr;
    }
    .grilla__logos {
        align-items: center;
    }
    .srcp-text-faq {
        font-size: 2.4rem;
        color: var(--clr-gris-smu);
    }
    .srcp-text-faq a:link,
    .srcp-text-faq a:visited {
        color: #3f3;
    }
    .text-dark.srcp-text-faq:a:link,
    .text-dark.srcp-text-faq:a:visited {
        text-decoration: none;
    }
    .text-dark.srcp-text-faq:hover {
        color: var(--clr-rojo-srcp)!important;
        text-decoration: none;
    }
    .text-dark.srcp-text-faq:active {
        text-decoration: none;
    }
}

@media only screen and (max-width: 575px) {
    .navbar-toggle.collapsed.collapsed-srcp {
        margin: 0.5em 0 0 0;
        font-weight: 700;
    }
    .grilla {
        margin-bottom: 0;
    }
    section[data="principal"] {
        margin-top: 3em;
    }
    .banner-srcp__nota {
        margin-top: -1em;
    }
    .srcp-cobertura {
        width: 40%;
        margin-top: 0;
    }
    .srcp-24hrs {
        width: 30%;
        margin-top: 0;
        height: 75%;
    }
    .principal__titulo {
        text-align: center;
        font-family: 'Oswald', 'Open Sans', Arial, sans-serif;
        font-size: 2.4rem;
        padding: 0 1em 1em 1em;
        margin: -2em 0 1em 0;
    }
    .principal__destaque {
        font-family: 'Oswald', 'Open Sans', Arial, sans-serif;
    }
    .principal__destaque>p {
        margin-bottom: 0.5em;
    }
    .principal__aclaracion {
        text-align: center;
        font-family: 'Oswald', 'Open Sans', Arial, sans-serif;
    }
    .srcp-situaciones-bloque:first-of-type {
        margin-bottom: 1em;
    }
    /* .srcp-situaciones-bloque .collapse.in { */
    .collapse.in {
        padding: 0 1em;
    }
    .srcp-situaciones>strong {
        width: 17em;
        display: block;
        margin: 0 auto;
    }
    .srcp-faq__titulo {
        margin: 0 0 1em 0;
        font-weight: 700;
        font-size: 4.5rem;
        font-family: 'Oswald', 'Open Sans', Arial, sans-serif;
    }
    .srcp-faq__pregunta {
        font-family: 'Oswald', 'Open Sans', Arial, sans-serif;
        margin-bottom: 0.5em;
        margin-left: 1em;
    }
    .srcp-faq__pregunta strong {
        font-weight: 400;
    }
    .srcp-faq__pregunta::before {
        display: inline-block;
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 8px solid var(--clr-gris-smu);
        margin-left: -1em;
    }
    .srcp-afiliate {
        padding: 0.5em 0;
        max-width: 91%;
    }
    .srcp__denuncia {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "casos plazo" "urgente urgente";
        row-gap: 1em;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 1em;
    }
    .srcp-urgentes {
        grid-area: urgente;
        width: 100%;
        justify-self: flex-start;
    }
    .srcp-urgentes::before {
        content: "";
        display: inline-block;
        background-size: 60%;
    }
    .srcp-urgentes--texto {
        padding-left: 0;
        margin-left: -22px;
    }
    .banner-srcp__secundarios--plazo {
        grid-area: casos;
    }
    .banner-srcp__secundarios--denuncia {
        grid-area: plazo;
    }
    .banner-srcp__secundarios.banner-srcp__secundarios_flex_alt {
        width: 80%;
        height: 32%;
        align-items: center;
    }
    .banner-srcp__secundarios,
    .banner-srcp__secundarios_flex {
        margin: 0;
    }
    .banner-srcp__secundarios_flex_alt {
        justify-content: center;
    }
    /*  esto está MAL!!!!    
    .banner-srcp__secundarios{
        max-width: 49%;
        background-color: lime;
    }
*/
    .banner-srcp__denuncia {
        width: 49%;
        height: 40%;
    }
    .banner-srcp__plazo {
        width: 100%;
        height: auto;
    }
    .banner-srcp__secundarios.banner-srcp__secundarios--plazo,
    .banner-srcp__secundarios.banner-srcp__secundarios--denuncia {
        max-width: 100%;
        height: max-content;
        margin: 0 auto;
    }
    .srcp-logo {
        background-image: url('/wpsmu/wp-content/uploads/2021/03/foto-srcp-color.jpg');
        min-height: 150px;
        height: 250px;
    }
    .srcp-requisitos__svg {
        width: 270px;
        height: 200px;
    }
    .logo-srcp,
    .navbar__logo-srcp {
        max-width: 90vw;
        margin-left: 1em;
    }
    .redesylogo {
        justify-content: flex-end;
        max-height: 100px;
    }
    .logo-srcp__svg {
        margin-left: -58px;
        width: 350px;
        height: 86px;
    }
    .site-footer {
        /* height: 100%; */
        height: min-content;
    }
    .navbar__logo-srcp {
        height: 130px;
    }
    .nav.navbar-nav {
        margin-left: 5px;
        margin-right: 0;
    }
    .srcp-redes {
        justify-content: flex-end;
        margin-right: 1em;
    }
    .srcp-comunicaciones {
        /* min-height: fit-content; */
        display: block;
    }
    .srcp_boton:first-of-type {
        margin-bottom: 1em;
    }
    .principal__destaque {
        padding: 2em 1em;
    }
    .col-footer2020 {
        height: auto;
        align-items: flex-start;
    }
    .footer-texto {
        text-align: center;
    }
    .srcp_telefono::after {
        content: "";
        display: none;
    }
    .srcp_telefono::before {
        content: "";
        display: inline-block;
        width: 100px;
        height: 62px;
        background-image: url("telefono.svg");
        background-repeat: no-repeat;
        background-position: left;
        margin-right: 12px;
        margin-top: -15px;
        transform: scaleX(-1);
    }
    .srcp_celular::before {
        width: 113px;
        height: 112px;
    }
    .banner-srcp__secundarios.banner-srcp__secundarios_flex.srcp_telefono {
        justify-content: flex-start;
    }
    .srcp_celular {
        align-self: flex-start;
        justify-content: flex-start;
        width: 80%;
    }
    a[href^=tel] {
        color: inherit;
        /* Inherit text color of parent element. */
        text-decoration: none;
        /* Remove underline. */
    }
    .footer-email,
    .footer-url {
        font-weight: 900;
    }
}


/* @media max 576 */