﻿.sub-banners {
    background: var(--primario);
    background: #fff;
    margin-top:0;
    padding-top:var(--s4);
    padding-bottom:var(--s1);
}
.sub-banners p {
    color:#ccc;
    color:#666;
    text-align:center;
    margin-bottom:var(--s1);
}
@media (min-width: 992px) {
    .sub-banners ul {
        justify-content: center;
        
    }
}

/*.header .swiper-container .texto .titulo{
    font-weight: 900;
    text-shadow: 1px 1px 4px rgb(0 0 0), -1px 1px 4px rgb(0 0 0), 1px -1px 4px rgb(0 0 0), -1px -1px 4px rgb(0 0 0);
    
    color:#ddd;
}

.header-otros .texto .titulo {
    font-weight: 900;
    text-shadow: 1px 1px 4px rgb(0 0 0), -1px 1px 4px rgb(0 0 0), 1px -1px 4px rgb(0 0 0), -1px -1px 4px rgb(0 0 0);
    color:#ddd;
}*/



/* PCCLINICA .modulo .imagen {
    position:relative;

}

.modulo .imagen::after {
    position: absolute;
    content: "";
    background: var(--color-imagen);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    mix-blend-mode: multiply;
    opacity: .8;
}

.modulo .imagen img{
    filter:saturate(0.2);
}


@media (min-width: 768px){
    .texto-principal .parrafada {
        text-align:left;
        max-width: 70ch;
    }
}

.main-servicios {
}

@media (min-width: 768px) {
    @supports (display: -ms-grid) or (display: grid) {
        .main-servicios .modulo-destacados .listado {
            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr) );

        }
    }
}
.main-servicios .modulo-destacados .listado > .wcard .texto {
    margin-top:0;
}*/


a.a-wa {
    display: block;
    position: fixed;
    bottom: 2rem;
    right: 1rem;
    z-index: 999999;
    padding: 0.75rem;
    background: #fff;
    background: rgba(255,255,255,.5);
    background: rgba(50,50,50,.5);
    border-radius: 50%;
}

@media (min-width: 768px){
    .texto-principal .parrafada {
        text-align:left;
        max-width: 70ch;
    }
}

@media(min-width:768px) {
    footer {
        border-top: var(--s7) solid #ffffff;
    }
}




@media (min-width: 992px){
    .container-footer .container-logo-pie {        
        justify-self: left;
    }
}


.modulo-galeria li a:hover::after, .modulo-galeria li a:focus::after {

        opacity: .6;
        mix-blend-mode: soft-light;
    }


.banner-inicio a {
    color: #062D19;
    
}

.banner-inicio a:hover, .banner-inicio a:focus {
    color: #010402;
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.2em;
}

.container-newsletter h2 {
    text-shadow: none;
}

.texto-principal-v2 .titulo-h2 {
    text-shadow: none;

}



@media (min-width: 768px) {
    @supports (display: -ms-grid) or (display: grid) {
        .container-newsletter .imagen {
            margin-left: -.5rem;
        }


    }
}

.modulo-destacados,.video-detalle {
border-top: var(--modulo-borde-alto, 0) solid var(--modulo-borde-top);
}





/*carta*/


/*  CARTA   */
.container-carta
{
    text-align:left;
    max-width:600px;
    margin:4rem auto 0 auto;
}

@media(max-width:1600px) {
    .container-carta
    {
        padding-left:var(--padding-gea);
        padding-right:var(--padding-gea);
    }
}

.container-carta h3
{
    /*font-family: 'Roboto Slab', serif;*/
    padding-bottom:.25rem;
    margin-bottom:1rem;
    border-bottom:1px solid #666;    
    color:var(--modulo-titulo);
    text-align:left;
}


.container-carta ul ul
{
    margin-bottom:2rem;
}

.container-carta ul ul li:not(:last-of-type)
{
    margin-bottom:1rem;
}
.container-carta ul ul li
{
    border-bottom: 1px solid #eee;
    border-bottom:1px solid rgba(124,99,18,.2);
    padding-bottom:.75rem;
}


.container-carta ul ul li 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack: justify ;
    justify-content: space-between ;
    -ms-flex-align: start ;
    -webkit-box-align: start ;
     align-items: flex-start ;
    
}

.container-carta ul ul li span
{
    display:block;
    
}
.container-carta ul ul li span:first-child
{
    line-height:1.3;
}
.container-carta ul ul li span:last-child
{
    white-space:nowrap;
    margin-left:1rem;
    -ms-flex-item-align: end ;
    align-self: flex-end ;
}


@media(min-width:992px) 
{
    .container-carta h3
    {
        
        text-align:left;
    }
    .container-carta
    {       
        max-width:1500px;
        
        column-width: 300px;
        column-count: 3;
        column-gap:3rem;
    
    
    }
    
    .container-carta ul ul,
    .container-carta > ul >li ,
    .container-carta h3
    {
        -webkit-column-break-inside:avoid;
        break-inside:avoid;
    }
}




a.enlace-seccion {
    display: block;
    color: var(--gris-oscurisimo);
    color: var(--primario-oscuro-dark);
    font-size: var(--s0);
    /* text-transform: uppercase; */
    margin-top: var(--s6);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    transition: transform .2s ease-in-out, color .5s ease-in-out;
    line-height: 1;
    width: fit-content;
}
a.enlace-seccion:hover, a.enlace-seccion:focus {
    text-decoration: none;
    transform: scale(1.05);
    color: #000;
}






.header-decorado {
    position:relative;
}

    .header-decorado + .migas {
        margin-top:var(--s6);
    }

.header-decorado::before {
    content:"";
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background: hsla(var(--primario-h), var(--primario-s), 24%, .8);
    height: var(--s6);
    clip-path: polygon(0 0, 100% 0, 100% 24%, 0 100%, 0 0);

    clip-path: ellipse(105% 85% at -15% -20%);
}


.header-decorado::after {
    content:"";
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background: hsla(var(--primario-h), var(--primario-s), 44%, .7);
    height: var(--s6);
        

    clip-path: ellipse(100% 120% at 175% -20%);
}



 :is( .main-inicio, .main-conocenos , .main-contacto) .modulo:first-of-type{
    /* margin-top: 0; */
    border-top: var(--modulo-borde-alto, 0) solid var(--modulo-borde-top);

    border-top:none;

    position:relative;
    margin-top:min(var(--s8), 20vh);

    margin-top:0;
    
}


  :is( .main-inicio, .main-conocenos , .main-contacto) .modulo:first-of-type::before{
    content:"";
    position:absolute;
    background:linear-gradient(to bottom, rgb(255,255,255), var(--modulo2-background));
    height:calc(min(var(--s8), 20vh) - 2rem);
    top:calc(calc(min(var(--s8), 20vh) - 2rem) * -1);
    left:0;
    right:0;
    display:block;
    z-index:1;

    clip-path: polygon(0 0, 100% 0, 100% 24%, 0 100%, 0 0);

    clip-path: ellipse(50% 58% at 100% 103%);

    clip-path: polygon(50% 100%, 100% 50%, 100% 100%);

}

    :is( .main-inicio, .main-conocenos , .main-contacto) .modulo:first-of-type::after{
    content:"";
    position:absolute;
    background:#fff;
    height:calc(min(var(--s8), 20vh) - 2rem);
    top:-2px;
    left:0;
    
    display:block;
    z-index:1;

    width:50%;
    clip-path: polygon(0 0, 100% 0, 0% 50%);
}



:is( .main-inicio, .main-conocenos , .main-contacto) .modulo:last-of-type{

    position:relative;

}

/*:is( .main-inicio) .modulo:last-of-type::before{
    content:"";
    position:absolute;
    background:linear-gradient(to bottom, rgb(255,255,255), var(--modulo2-background));
    background:#fff;
    height:calc(min(var(--s8), 20vh) - 2rem);
    bottom:calc(calc(min(var(--s8), 20vh) - 2rem) * -1);
    top:100%;
    left:0;
    right:0;
    display:block;
    z-index:1;



    clip-path: polygon(0% 0%, 50% 0%, 0% 50%);
    clip-path: polygon(0% 0%, 50% 0%, 50% 1px, 0% 50%);

}
:is( .main-inicio) .modulo:last-of-type::after{
    content: "";
    position: absolute;
    background: #fff;
    background: var(--primario);
    height: calc(min(var(--s8), 20vh) - 2rem);
    bottom: -2px;
    right: 0%;
    display: block;
    z-index: 1;
    width: 50%;
    clip-path: polygon(0 100%, 0 calc(100% - 2px), 100% 50%, 100% 100%);


    clip-path: polygon(0 50%, calc(100% ) calc(100% - 2px), 100% 100%, 0% 100%);
}*/

:is( .main-inicio) .modulo:last-of-type::before{/*:nth-child(2n+1)*/
    content: "";
    position: absolute;
    background: var(--primario);
    bottom: -2px;
    right: 0%;
    top:auto;
    left: auto;
    display: block;
    z-index: 1;
    width: 50%;
    height:calc(min(var(--s8), 20vh) - 2rem);
    clip-path: polygon(0 100%, 0 calc(100% - 2px),  100% 50%,   100% 100%, 0 100%);

    

}
:is( .main-inicio) .modulo:last-of-type::after{/*:nth-child(2n+1)*/
   content: "";
    position: absolute;
    background: var(--primario);
    height: calc(min(var(--s8), 20vh) - 2rem);
    bottom: -1px;
    left: 0%;
    right: auto;
    display: block;
    z-index: 1;
    width: 50%;
    clip-path: polygon(0 50%,  calc(100% - 1px) 100%, 0% 100%);
}



/*solo para conocenos, servicios...*/
:is( .main-conocenos , .main-contacto) .modulo:nth-child(2n+1):not(:only-child):last-of-type::before{
    content: "";
    position: absolute;
    background: #fff;    
    height: calc(min(var(--s8), 20vh) - 2rem);
    bottom: -1px;
    left: 0%;
    display: block;
    z-index: 1;
    width: 50%;
    clip-path: polygon(0 50%, 100% calc(100% - 1px), 0 100%);
}

:is( .main-conocenos , .main-contacto) .modulo:nth-child(2n+1):not(:only-child):last-of-type::after{
    content: "";
    position: absolute;
    background: #fff;    
    height: calc(min(var(--s8), 20vh) - 2rem);
    bottom: -1px;
    right: 0%;
    display: block;
    z-index: 1;
    width: 50%;
    clip-path: polygon(0 100%, 100% 50%, 100% calc(100% - 1px));
}






b.separador-blog {
    position:relative;
}
b.separador-blog::after {
    position:absolute;
    display:block;
    content:"";
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    height: var(--s4);
    clip-path: ellipse(100% 50% at 15% 100%);
}

.listado-blog-inicio h2 {
    padding-top: var(--s3);
    
}


@media (min-width: 768px){
    .texto-principal {
        margin-bottom:var(--s6);
        
    }
    .main-inicio .texto-principal-centrado {
        padding-top:var(--s7);
    }
}





.modulo-destacados, .video-detalle {
    border:none;
    padding-top:0;
}








.nav-principal {
    /*font-size:var(--s1);*/
}







.wit-scroll::-webkit-scrollbar {
            width: 1px;

        }
.wit-scroll::-webkit-scrollbar-track {
            border-radius: 8px;
            background-color: #f1f0ee;/*e7e7e7*/
            border: 1px solid #f1f0ee;
        }
        
        .wit-scroll::-webkit-scrollbar-thumb {
            border-radius: 8px;
          border: 3px solid rgba(255,255,255,0);
           background-clip: content-box;
            background-color: var(--primario-soft);/*d55959*/
        }


        .wit-scroll-2::-webkit-scrollbar {
            width: var(--s0);
            height: 8px;
        }
        
        .wit-scroll-2::-webkit-scrollbar-thumb {
           
            background-color: var(--primario);/*d55959*/
        }

@media(max-width:575px) {
    .wit-scroll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        overflow: auto;
        gap: 1rem;
        padding-bottom: 1rem;
        /* Enable Safari touch scrolling physics which is needed for scroll snap */
        -webkit-overflow-scrolling: touch;
    }

        .wit-scroll > * {
            flex-shrink: 0;
            width: 90%;
            scroll-snap-align: start;
        }

    .modulo-marcas .wit-scroll > * {
        flex-shrink:1;
    }
}

li.pre-link-tfno.barra-der {
    border-right:none;
    position:relative;
}

li.pre-link-tfno.barra-der::after {
    
    position:absolute;
    content:"";
    width:1px;
    height:1.1rem;
    background:#222;
}

li.pre-link-tfno + li.pre-link-tfno {
    padding-left:0;
}


