/* =========== Google Fonts ============ 
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@600;700;800&display=swap');
*/
/*
@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/ProductSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/ProductSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
*/
@font-face {
    font-family: 'Acumin Variable Concept ExtraCo';
    src: url('../fonts/Acumin-Variable-Concept.ttf') format('woff2'),
         url('../fonts/Acumin-Variable-Concept.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
/*
@font-face {
    font-family: 'Acumin Variable Concept ExtraCo';
    src: url('../fonts/Acumin-Variable-Concept.woff2') format('woff2'),
         url('../fonts/Acumin-Variable-Concept.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
*/
/* =============== Globals ============== */

* {
  font-family: 'Acumin Variable Concept ExtraCo','Open Sans', sans-serif;
  font-weight: 600;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: medium;
  /* color: gray; */
}
html {
    scroll-behavior: smooth;
}


h1{
    font-size: 50px;
    /*color: #006600;*/
    font-kerning: auto;
    line-height: 40px;
}

.round{
    border-radius: 35px!important;
}

ul, ol {
    list-style: none;
  }
a{
    text-decoration: none;
    color: var(--black1);
}
  :root {
    /*------ Paleta de Colores -------------*/
    --primary: #e83f85;
    --primary-hover: #e82e7a;
    --secondary: #255194;
    --terciary: #37b027;
    /* --gray-background: #ededed; */
    --gray-footer:#dcdcdc
    --gray-text-footer:#3b3b3b;
    --white: #fff;
    --gray: #f5f5f5;
    --black1: #222;
    --black2: #999;
    --cardPrimary: #006600; 
    --cardSecondary: #01427B;
    --cardTerciary: #9B9175;
    --cardLight: #CCCCCC;
    --cardSilver: #B5B5B5;
    /*--cardGray: #9D9D9D;*/
    --cardDimGray: #606060;
    --cardOnix: #414141;
    --cardBlack: #222222;
    --cardGray: #c6cad6;
  
    /* ------ Test Paleta Grises ----------- */
    --orangePrinceton:#ff6a00;
    --darkViolet:#7b0093;
    --general-gray: #f6f8fa;
    --gradient-bm500:radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    --green:linear-gradient(135deg, #006600, #3b983b);

    /* ------ Sizes ------------ */
    --border-radius: 35px;
    --max-width: 1200px;
    
    .gold {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    }
    
    .purple{
    background: linear-gradient(76.8deg, rgb(121, 45, 129) 3.6%, rgb(36, 31, 98) 90.4%);
    }
    
    .green{
    background: #118E46;
    background: linear-gradient(135deg, #006600, #3b983b);
    }
    
    .lightgreen {
    background: #74C094;
    background: linear-gradient(135deg, #74C094, #006600);
    }
    
    .silver{
    background: #C2C2C2;
    background: linear-gradient(135deg, #C2C2C2, #FFFFFF);

}
    .transparente{
    background: rgba( 255, 255, 255, 0.75 );
    box-shadow: 0 8px 32px 0 rgba(21, 126, 72, 0.37);
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    color: #222;
    }



    
  }

/* ----- TITLE -------- */
.title-primary{
    color: var(--primary);
}
/* -------- HEADER -----------*/
.header-container{
    /* border: 1px solid green; */
    /*height: 70vh;*/
    border-bottom-left-radius: 35px ;
    border-bottom-right-radius: 35px;
    /* background: #f5f5f5; background-image: radial-gradient(at 46.1% 35.1%, hsl(81, 42%, 60%) 0px, transparent 50%),radial-gradient(at 70.5% 57.5%, hsl(120, 100%, 20%) 0px, transparent 50%) */
}
/* -------- HEADER -----------*/
/* ---------- NAV ------------*/

.nav-container{
    /* border: 1px solid yellowgreen; */
    height: 6.6rem;
    /*max-width: var(--max-width);*/
    margin: auto;
    padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    
  
    position: fixed;
    top: 0;
    left: 0;
    right: 0;  
    z-index: 1000;  
    width: 100%;  
    background-color: var(--white);


    background: rgba( 255, 255, 255, 0.75 );
    /* box-shadow: 0 5 32px 0 rgba(21, 126, 72, 0.37); */
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    /* border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px; */
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.nav-emergencias {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background-color: var(--primary);
    color: var(--white);
    padding: 0.5rem 0 0.5rem 0;
}
.nav-menu-container{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: var(--max-width);
    margin-top: 0.5rem;
}
.nav-logo{
    /* border: 1px solid greenyellow; */
    display: flex;
    justify-content:space-between;
    width: 90%;
    margin-left: 1rem;
}
.nav-menu{
    /* border: 1px solid goldenrod; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    /*margin-left: 25%;*/
}
.nav-menu-list-container{
    /* border: 1px solid gray; */
    display: flex;
    height: 65%;
    text-align: center;
    
    cursor: pointer;
}
.nav-menu-list{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
}
.nav-menu-list.nav-menu-btn {
        
    background: #C2C2C2;
    background: linear-gradient(135deg, #C2C2C2, #FFFFFF);
    border-radius: var(--border-radius);
    color: var(--cardPrimary);
}
.nav-menu-list-active{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    /*background-color: var(--cardGray);*/
    color: var(--cardBlack);
    /*border-radius: var(--border-radius);*/
    box-shadow: 0 3px 0 0 var(--primary);
}
.nav-menu-icon-mobile{
    display: none;
    width: 20%;
    margin: auto;
    text-align: center;
    cursor: pointer;
}
.nav-menu-icon-mobile div{
    font-size: 30px;
    margin-top: -0.5rem;
}

#inicio:target ~ .nav-menu-list-container .title-1,
#plan-integral-plus:target ~ .nav-menu-list-container .title-4,
#contact:target ~ .nav-menu-list-container .title-5 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    color: var(--cardBlack);
    box-shadow: 0 3px 0 0 var(--primary);
}


/* ---------- NAV ------------*/

/* --------- SECTION SLIDER -------------- */

.section-slider{
    margin-top: -1rem;
}

.section-slider-container{
    /*border: 1px solid orangered;*/
    height: 70vh;
    margin-top: 8rem;
    background-image: url("../img/img1ale.png");
    background-size: cover;     
    background-repeat: no-repeat; 
    background-position: -10px center ;
    
}
.section-slider-title{
   /* border: 1px solid orangered;*/
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 25%;
    margin: auto;
    margin-bottom: 1rem;
    font-size: 36px;
}
.section-slider-content{
   /* border: 1px solid white;*/
    display: flex;
    flex-direction: row-reverse;
    /*background: var(--cardGray);*/
    width: 100%;
    height: 100%;
    margin: auto;
}
.section-slider-content-description{
    /*border: 1px solid white;*/
    display: flex;
    flex-direction: column-reverse;
    justify-content: end;
    align-items: center;
    /*border-top-left-radius: var(--border-radius);*/
    width: 60%;
    height: 100%;
}
.section-slider-content-screen{
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    /*padding-left: 2rem;*/
    gap: 1rem;
    width: 80%;
    height: 5%;
    max-width: 40rem;
}
.section-slider-content-screen div{
   /* border: 1px solid red;*/
    width: 15%;
    height: 5%;
}
.section-slider-content-screen-tap{
    /*border: 1px solid white;*/
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 14px;
    padding-left: 1.3rem;
    color: var(--cardGray);
    width: 100%;
    height: 15%;
}
.section-slider-content-title{
   /*border: 1px solid red;*/
    display: flex;
    align-items: center;
    justify-content: end;
    border-bottom-left-radius: var(--border-radius);
    width: 100%;
    max-width: 35rem;
    height: 80%;
    font-size: 32px;
    padding-left: 1rem;
}
.section-slider-content-title div{
    flex-direction: column;

    margin-top: -4rem;
    margin-bottom: 4rem;
    color: var(--white);
    padding-top: 3.5rem;
    margin-left: 1rem;
    font-size: 18px;
}
/* .section-slider-content-title div a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white); 
    text-decoration: none;
    font-size: 20px;
    border-radius: var(--border-radius);
    padding: 10px 20px;
    cursor: pointer; 
    transition: 0.3s; 
    background-color: var(--primary);
    width: 18rem;
    margin-top: 3rem;
    
} */
.section-slider-content-title div h2{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 46px;
    margin-bottom: 1rem;
    color: var(--primary);
    background-color: var(--white);
    padding: 1rem 1.5rem;
    width: 90%;
    min-width: 10rem;
    border-radius: var(--border-radius);
    padding-top: 1.6rem;
    font-weight: 900!important;
    box-shadow: 5px 5px 5px 5px rgba(122, 44, 44, 0.158);
}
.section-slider-content-title div h2.section-slider-content-title-asociate{
    display: none;
    
}

.section-slider-content-title div p{
    font-size: 36px;
    padding-right: 1.5rem;
    color: var(--cardBlack);
    margin-top: 1rem;
    font-weight: 400;
}
.section-slider-content-title div p span{
    font-size: 30px;
    padding-right: 1.5rem;
    color: var(--cardBlack);
    margin-top: 1rem;
    font-weight: 900;
}
.section-slider-content-img{
    /*border: 1px solid blue;*/
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
}
.section-slider-content-img div.section-slider-content-img-1{
    display: flex;
    flex-direction: column;
    width: 80%;
    height: 70%;
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
    /*background-image: url("../img/img1.jpg");*/
    border-radius: 35px;
}
.section-slider-content-img div.section-slider-content-img-2{
   
    width: 80%;
    height: 70%;
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
    /*background-image: url("../img/img2.jpg");*/
    border-radius: 35px;
}
.section-slider-content-img div.section-slider-content-img-3{
    
    width: 80%;
    height: 70%;
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
   /* background-image: url("../img/img3.jpg");*/
    border-radius: 35px;
}
.section-slider-content-img div.section-slider-content-img-4{
   
    width: 80%;
    height: 70%;
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
    /*background-image: url("../img/img4.jpg");*/
    border-radius: 35px;
}
.section-slider-content-img div.section-slider-content-img-5{
    
    width: 80%;
    height: 70%;
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
   /* background-image: url("../img/img5.jpg");*/
    border-radius: 35px;
}

.section-slider-content-screen div {
    position: relative;
    width: 15%;
    height: 0.4rem;
    border: 1px solid var(--white);
    border-radius: 1px;
    overflow: hidden;
}

.loading-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--white);
   
}

@keyframes loadingAnimation {
    0% {
        width: 0%;
        
    }
    100% {
        width: 100%;
        
    }
}
@keyframes fillBar {
    to {
        width: 100%;
    }
}

/* --------- SECTION SLIDER -------------- */

/* --------- SECTION DIVIDER ------------- */

.section-divider{
    width: 100%;
    height: 10rem;
    margin-top: 2rem;
}
.section-divider-container{
    display: flex;
    height: 100%;
    width: 100%;
}
.section-divider-container div{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-size: 30px;
}

.section-divider-container div a{
    display: flex;
    gap: 1rem;
    text-decoration: none;
    color: var(--white);
}
.section-divider-content-one{
    height: 100%;
    width: 38%;
    background-color: var(--primary);
}
.section-divider-content-two{
    height: 100%;
    width: 50%;
    background-color: var(--primary);
    padding: 0 1rem 0 1rem;
}
.section-divider-content-three{
    height: 100%;
    width: 50%;
    background-color: var(--cardGray)
}


/* --------- SECTION DIVIDER ------------- */
/* --------- SECTION BENEFITS ------------- */
.section-benefits{
    background-image: url(../img/bene.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    height: 18rem;
}
.section-benefits-description{
    width: 85%;
    height: 100%;
    /*margin: auto;*/
    margin-left: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.section-benefits-description-title{
    display: flex;
    justify-content: start;
    text-align: center;
    width: auto;
    height: auto;
    color: var(--white);
    font-size: 24px;
    margin: 2rem 0 0 0;
    padding-left: 1rem;
    background-color: var(--primary);
    max-width: 30rem;
    padding-top: 0.3rem;
}
.section-benefits-description-paragraph{
    display: flex;
    gap: 4rem;
    color: var(--cardBlack);
    margin-top: 1rem;
    font-size: 16px;
}
.section-benefits-description-paragraph ul li{
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    max-width: 20rem;
}
.section-benefits-description-paragraph ul li svg{
    margin-bottom: -0.3rem;
}

/* --------- SECTION BENEFITS ------------- */

/* --------- SECTION ADVISER -------------- */ 

.section-adviser{
    width: 100%;
    height: 10rem;
    background-color: var(--primary);
}
.section-adviser-container{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.section-adviser-description{
    width: 70%;
    color: var(--white);
    padding: 1rem;
    margin: auto;
}
.section-adviser-phone{
    width: 25%;
    margin: auto;
    border-radius: var(--border-radius);
}

.section-adviser-phone-btn{
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: var(--white);
    box-shadow: inset 0 -30px 40px #dadada, 0 0 4px #000;
}
.section-adviser-phone-btn svg {
    border-radius: 50%;
    margin-left: -1.3rem;
}
.section-adviser-phone-btn div {
    padding: 0.5rem;
    color: var(--primary);
    font-size: 22px;
}

/* --------- SECTION ADVISER -------------- */ 
/* --------- SECTION DIVIDER IMG -------------- */ 
.section-divider-img{
    background-image: url(../img/img6.webp);
    background-size: cover;     
    background-repeat: no-repeat; 
    background-position: center;
    background-attachment: fixed;
    height: 24rem;
    display: flex;
    align-items: center;
}

.section-divider-img-container{
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 1rem;
    margin-left: 1rem;
}

.section-divider-img-description-title{
    padding: 2rem;
    color: var(--white);
    font-size: 28px;
}

.section-divider-img-description-btn{
    padding: 0.5rem 1rem 1rem 1rem;
    margin-left: 2rem;
    font-size: 20px;
    background-color: var(--primary);
    border-radius: var(--border-radius);
}

.section-divider-img-description-btn a{
    color: var(--white);
    text-decoration: none;
}

/* --------- SECTION DIVIDER IMG -------------- */ 

/* --------- SECTION PLAN INTEGRAL PLUS -------------- */ 
.section-plan-integral-plus-title{
    /* background-color: var(--cardLight); */
    height: 3.5rem;
    padding-left: 4rem;
    box-shadow: 0 3px 0 var(--primary);
}
.section-plan-integral-plus-title span{
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: var(--primary);
    width: 12rem;
    height: 100%;
    color: var(--white);
    padding-left: 1rem;
    

}
.section-plan-integral-plus-description{
    display: flex;
    height: auto;
    margin-left: 4rem;
    margin-right: 4rem;
}
.section-plan-integral-plus-description-info{
    width: 60%;
    padding: 2rem 0rem 2rem 1rem;
}
.section-plan-integral-plus-description-info span{
    color: var(--primary);
    font-size: 30px;
}
.section-plan-integral-plus-description-info ul {
    list-style-type: none;
    padding-left: 1rem;
    padding-right: 3rem;
    padding-top: 1rem;
    font-size: medium;
}

.section-plan-integral-plus-description-info li{
    padding-top: 1rem;
}

.section-plan-integral-plus-description-info li::before {
    content: "\2022";
    color: #e82e8a;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.section-plan-integral-plus-description-links{
    display: flex;
    flex-direction: column;
    width: 40%;
}
.section-plan-integral-plus-description-links-phone{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    width: 100%;
    height: 40%;
    margin: auto;
    padding: 0 3rem;
}
.section-plan-integral-plus-description-links-phone-content-img{
    display: flex;
    align-items: center;
}
.section-plan-integral-plus-description-links-phone-content-img svg{
    margin-left: 1rem;
}
.section-plan-integral-plus-description-links-phone a{
    display: flex;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-size: 28px;
    color: var(--white);
}
.section-plan-integral-plus-description-links-asociarme{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cardGray);
    width: 100%;
    height: 40%;
    margin: auto;
    padding: 0 3rem;
}
.section-plan-integral-plus-description-links-phone-description{
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-plan-integral-plus-description-links-asociarme-content-img{
    display: flex;
    align-items: center;
}
.section-plan-integral-plus-description-links-asociarme-content-img svg{
    margin-left: 1rem;
}
.section-plan-integral-plus-description-links-asociarme-description{
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-plan-integral-plus-description-links-asociarme a{
    display: flex;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-size: 28px;
    color: var(--white);
}
.section-plan-integral-plus-legal{
    display: flex;
    flex-direction: column;
    height: auto;
    margin-left: 4rem;
    margin-right: 4rem;
    padding: 1rem 0 0 0;
}
.section-plan-integral-plus-legal-text h3{
    color: var(--primary);
}
.section-plan-integral-plus-legal ul {
    list-style-type: none;
    padding-left: 2rem;
}
.section-plan-integral-plus-legal li{
    padding-top: 1rem;
}
.section-plan-integral-plus-legal li::before {
    content: "\2022";
    color: var(--primary);
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.section-plan-integral-plus-legal li a{
    text-decoration: none;
    color: var(--black1);
}
.section-plan-integral-plus-legal li a:hover{
    text-decoration: none;
    color: var(--primary);
}
.section-plan-integral-plus-legal-mobile{
    display: none;
    margin-top: 2rem;
}
.section-plan-integral-plus-legal-mobile li a{
    text-decoration: none;
    color: var(--black1);
}
.section-plan-integral-plus-legal-mobile li a:hover{
    text-decoration: none;
    color: var(--primary);
}

/* --------- SECTION PLAN INTEGRAL PLUS -------------- */ 

/* --------- SECTION PRESTADORES --------------------- */
.section-providers {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    height: 6rem;
    background-color: #ededed;
    box-shadow: inset 0 0 1px 2px var(--gray-background);
    margin-bottom: 2rem;
}

.section-providers-container {
    overflow: hidden;
    padding: 0 1rem 0 1rem;
}

.provider-marquee {
    
    height: auto;
    white-space: nowrap;
}

.provider-image {
    max-height: 100px;
    margin: 0 15px; 
    filter: grayscale(100%);
}
/* --------- SECTION PRESTADORES --------------------- */
/* --------- SECTION CONTACT --------------------- */

.section-contact-title{
    /* background-color: var(--cardLight); */
    height: 3.5rem;
    padding-left: 4rem;
    box-shadow: 0 3px 0 var(--primary);
}
.section-contact-title span{
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: var(--primary);
    width: 7.5rem;
    height: 100%;
    color: var(--white);
    padding-left: 1rem;

}
.section-contact-sub-title{
    font-size: 30px;
    color: var(--primary);
    margin-left: 4rem;
    padding: 3rem 3rem 3rem 0;
}

.section-contact-form-container{
    display: flex;
}
.section-contact-form{
    margin-left: 4rem;
    padding: 0rem 2rem 2rem 0rem;
    width: 60%;
}

.section-contact-form-info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.section-contact-form-left, .section-contact-form-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-contact-form-action {
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

input, select, textarea, button {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 20px;
    max-height: 44px;
}
textarea{
    height: 110px;
}
button {
    background-color: var(--primary);
    color: white;
    cursor: pointer;
    transition: background-color 0.3s;
    &:hover {
        background-color: var(--white);
        color: var(--primary);
        border: 1px solid var(--primary);
    }
}
.section-contact-links{
    padding: 2rem 0.3rem;
}
.section-contact-links h3{
    color: var(--primary);
    
}
.section-contact-links a{
    display: flex;
    text-decoration: none;
    color: var(--black1);
    margin-bottom: 0.5rem;
}

/* --------- SECTION CONTACT --------------------- */
/* --------- SECTION FOOTER --------------------- */

.section-footer-phone{
    
    display: flex;
    height: 8rem;
    margin-bottom: 2rem;
}
.section-footer-phone-logo{
   
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 100%;
    margin-left: 4rem;
}
.section-footer-phone-info{
    
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    height: 100%;
    margin-right: 4rem;
    min-width: 10rem;
}

.section-footer-phone-info div{
 
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 100%;*/
    margin: auto;
    height: 100%;
    min-width: 7rem;
  
}

.section-footer-phone-info div a{
   
    display: flex;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: var(--primary);
    font-size: 20px;
}

/* Nuevas modificaciones */
.section-footer-phone-info-content-one-links-asociarme-content-img,
.section-footer-phone-info-content-two-links-asociarme-content-img,
.section-footer-phone-info-content-three-links-asociarme-content-img {
    width: 30%; 
    padding-right: 1rem;
}

.section-footer-phone-info-content-one-links-asociarme-description,
.section-footer-phone-info-content-two-links-asociarme-description,
.section-footer-phone-info-content-three-links-asociarme-description {
    margin-left: 1rem; 
}


.section-footer-phone-info div a {
    display: flex;
    flex-direction: row; 
    align-items: center; 
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: var(--primary);
    font-size: 20px;
}

.section-footer-phone-info-content-one-links-asociarme-content-img img,
.section-footer-phone-info-content-two-links-asociarme-content-img img,
.section-footer-phone-info-content-three-links-asociarme-content-img img {
    width: 100%;  
    margin-right: 0.5rem; 
}

.section-footer-phone-info-content-one-links-asociarme-description,
.section-footer-phone-info-content-two-links-asociarme-description,
.section-footer-phone-info-content-three-links-asociarme-description {
    margin: 0;
}


.section-footer-phone-info-content-one-links-asociarme-content-img img,
.section-footer-phone-info-content-two-links-asociarme-content-img img,
.section-footer-phone-info-content-three-links-asociarme-content-img img {
    width: 60%; 
    max-width: 50px;  
    margin-right: 0.5rem; 
}

.section-footer-links{
    border: 1px solid var(--black2);
    width: 100%;
    height: 4rem;
    background-color: var(--gray-background);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
    gap: 1rem;
    color: var(--gray-text-footer);
}
.section-footer-link{
    min-width: 10rem;
    width: 33%;

}
.section-footer-legal{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: auto;
    color: darkgray;
    padding: 1rem 4rem;
    font-size: smaller!important;
    background-color: var(--gray-background);
}
.section-footer-legal-description{
    font-size: 12px;
}
.section-footer-legal-title{
    display: flex;
    justify-content: center;
    padding-top: 1rem;
 
}

/* --------SPINNER--------------*/
#spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1); /* Fondo blanco */
  }
  
  #spinner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/nuevo-logo-medicals.png') no-repeat center center;
    background-size: 15%;
    animation: pulse 2s infinite; 
  }
  
  @keyframes pulse {
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
  }
 

/* --------- SECTION FOOTER --------------------- */
@media screen and (max-width: 768px) {
    
     /* --------LOADER------------------*/
  #spinner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/nuevo-logo-medicals.png') no-repeat center center;
    background-size: 45%;
    animation: pulse 2s infinite; 
  }
    
    
    /* ---------- NAV ------------*/
    .nav-container{
        border-radius: 0%;
        /*padding-top: 0.6rem;*/
    }
    .nav-logo{
        width: 50%;
    }
    .nav-menu{
        width: 20%;
    }
    .nav-menu-container .nav-logo img{
        width: 130px;
        height: 35px;
    }
    .nav-menu-list-active{
        height: 3rem;
    }
    .nav-menu-list{
        height: 3rem;
        width: 100%;
    }
    .nav-menu-list-container {
      display: none;
      position: absolute;
      top: 60px;
      left: 0;
      width: 100%;
      background-color: white;
      padding: 20px;
      box-sizing: border-box;
    }
    .nav-menu-list-container.show {
      display: flex;
      flex-direction: column;
      margin-top: 2.5rem;
      padding-left: 1rem;
      margin-right: -1rem;
      gap: 1.5rem;
      height: 50vh;
      align-items: center;
      z-index: 1;
    }
    .nav-menu-list-container a {
      margin-left: 0;
      margin-bottom: 10px;
    }
    
    .nav-menu-emergencias{
        display: none;
    }
    .nav-menu-icon-mobile {
      display: block;
    }
    /* ---------- NAV ------------*/
     /* ---------- SECTION SLIDER ------------*/
     
     .section-slider-container{
        height: 70vh;
        background-position: -145px center; 
     }
    .section-slider-content-img{
        width: 0%;
    }
    .section-slider-content-description{
        width: 100%;
        /*padding-right: 1.2rem;*/
        justify-content: end;
    }
    .section-slider-content-screen{
        width: 100%;
    }
    .section-slider-content-title{
        justify-content: center;
        align-items:end ;
        padding-left: 0;

    }
    .section-slider-content-title div{
        /*margin-top: 6rem;*/
        margin-bottom: -1.5rem;
        font-size: 18px;
        margin-left: 0;
    }
    .section-slider-content-title div h2{
        display: none;
        font-size: 22px;
        width: 100%;
        
    }
    
    .section-slider-content-title div h2.title-2{
        display: flex;
        align-items:start;
        font-size: 22px;
        width: 90%;
        margin:auto;        
    }
    
    

    .section-slider-content-title div h2.section-slider-content-title-asociate{
        display: flex;
        background-color: var(--primary);
        color: var(--white);
        padding-top: 1.2rem;
    }
    
    
    .section-slider-content-title div p{
        /*padding-right: 2rem;*/
        display: none;
        font-size: 18px;

    }
    #p{
        display: flex;
        flex-direction: column;
        margin-bottom: 2rem;
        margin-top: 2rem;
        max-width: 20rem;
        padding: 0 2rem;
        font-size: 20px;
    }
    #p span{
        font-size: 20px;
        padding-right: 0;
        margin-top: 0.5rem;
        font-weight: 600;
    }
    /* ---------- SECTION SLIDER ------------*/

    /* --------- SECTION DIVIDER ------------- */
    .section-divider{
        width: 100%;
        height: 20rem;
        margin-top: 2rem;
    }
    .section-divider-container{
        flex-direction: column;
    }
    .section-divider-container div{
        font-size: 24px;
        padding: 0 1rem;
    }
    .section-divider-content-one{
        width: 100%;
    }
    .section-divider-content-two{
        width: 100%;
    }
    .section-divider-content-three{
        width: 100%;
    }
/* --------- SECTION DIVIDER ------------- */

/* --------- SECTION BENFITS ------------- */
    .section-benefits{
        height: 27rem;
        background-position: -1133px center;
    }
    .section-benefits-description-title{
        margin-top: 1.5rem;
        height: auto;
    }
    .section-benefits-description-paragraph{
        flex-direction: column;
        gap: 0;
        margin-top: 0;
    }
/* --------- SECTION BENFITS ------------- */
/* --------- SECTION ADVISER -------------- */ 
    .section-adviser{
        height: 20rem;
    }
    .section-adviser-container{
        flex-direction: column;
    }
    .section-adviser-description{
        width: 100%;
        padding: 1rem 3rem 0rem 2rem;
    }
    .section-adviser-phone{
        width: 80%;
    }
/* --------- SECTION ADVISER -------------- */ 
/* --------- SECTION DIVIDER IMG -------------- */ 
    .section-divider-img-container{
        width: 100%;
    }
/* --------- SECTION DIVIDER IMG -------------- */ 
/* --------- SECTION PLAN INTEGRAL PLUS -------------- */ 
    .section-plan-integral-plus-title{
        padding: 0;
    }
    .section-plan-integral-plus-description{
        flex-direction: column;
        margin: 0;
    }
    .section-plan-integral-plus-description-info{
        width: 100%;
    }
    .section-plan-integral-plus-description-links{
        width: 100%;
    }
    .section-plan-integral-plus-description-links-asociarme-description{
        min-height: 8rem;
        font-size: 24px;
    }
    .section-plan-integral-plus-description-links-asociarme{
        min-height: 8rem;
    }
    .section-plan-integral-plus-description-links-phone-description{
        font-size: 24px;
    }
    
    .section-plan-integral-plus-legal{
        margin-left: 0;
        margin-right: 0;
    }
    .section-plan-integral-plus-legal-mobile{
        display: block;
    }
    .section-plan-integral-plus-legal{
        display: none;
    }
/* --------- SECTION PLAN INTEGRAL PLUS -------------- */ 
/* --------- SECTION CONTACT ------------------------- */
    .section-contact-form-container{
        flex-direction: column;
    }
    .section-contact-title{
        padding: 0;
    }
    
    .section-contact-title span{
        margin-left: 0;
    }
    .section-contact-sub-title{
        margin-left: 0.5rem;
    }
    .section-contact-form{
        width: 100%;
        margin-left: 0rem;
        padding: 0.5rem;
    }
    .section-contact-form-info{
        flex-direction: column;
    }
    .section-contact-links{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1rem;
        padding: 0.3rem;
    }
    
/* --------- SECTION CONTACT ------------------------- */
/* --------- SECTION FOOTER -------------------------- */
    
    .section-footer-phone{
        border: 1px solid blue;
        display: flex;
        flex-direction: column;
        height: 8rem;
        margin-bottom: 2rem;
    }
    .section-footer-phone-logo{
        border: 1px solid red;
        width: 100%;
        margin-left: 0;
        margin-bottom: 1rem;
    }
    .section-footer-phone-info{
        border: 1px solid green;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        height: 100%;
        flex-wrap: wrap;
    }

    .section-footer-phone-info div{
        max-width: 15rem;
    }

    .section-footer-phone-info div a{
        border: 1px solid red;
        display: flex;
        width: 100%;
        height: 100%;
    }

    .section-footer-legal{
        padding: 1rem;
    }
    
/* --------- SECTION FOOTER -------------------------- */


    .main-container{
        margin: 10px;
    }

}