/*CSS navbar*/


#hero-imgs{
    margin-top:-110px;
    z-index:-9999999;
}

#tarjetas {
    margin-top:-30px;
    
}


body.light #navbarinicio .nav__container .links__container ul li a{
    color:#FFFFFF;
}

body.light #navbarinicio .nav__container .links__container ul li a:hover{
 font-weight:500;
    box-shadow: 0 1px 0 0 #FFF;
}


 #tarjetas #faq-bottom a .faq-bottom-item-content-title h3{
font-size:2.5rem !important;   
     width:100% !important;
     margin-bottom:50px;
     margin-top:25px;

}

#tarjetas #faq-bottom .faq-bottom-item {
    height:auto;
}

body.dark #tarjetas {
    background-image: url('/content/dam/abbvie-sitegenerator-ous/alias-migrana/ar/es/preinicio/pattern.jpg')
}

.textos p{
    font-size:20px;
}

#tarjetas #faq-bottom .faq-bottom-item .faq-bottom-item-content {
    border-bottom: 1px solid #277f79 !important;
}

@media (min-width:1200px){
    #tarjetas
#faq-bottom .faq-bottom-item {
    min-height:400px !important;    
    
}

 #tarjetas #faq-bottom a .faq-bottom-item-content-title h3{
     min-height:190px;

}
}





body.light #tarjetas {
    background: #FFFFFF;
    background-image:
    linear-gradient(0deg, white 49%, transparent 49%),
    url("/content/dam/abbvie-sitegenerator-ous/alias-migrana/ar/es/preinicio/pattern-azul-2.jpg");
}

.card-preinicio{
    border:1px solid pink;
}

body.dark #tarjetas #faq-bottom a .faq-bottom-item-content-title h3,
body.dark #tarjetas #faq-bottom a .faq-bottom-item-content-title p{
    color:#9C9C9C !important;
}

.textos p {
    line-height:40px;
}

body.dark #tarjetas #faq-bottom a .faq-bottom-item-content-title p{
 box-shadow: 0 1px 0 0 #9C9C9C;   
    display:inline-flex;
}

#tarjetas #faq-bottom h3{
    font-weight:700 !important;
}

@media (min-width:1200px){
    #tarjetas #faq-bottom a .faq-bottom-item-content-title p{
        max-width:200px;
    }    
}

body.light #tarjetas #faq-bottom a:hover .faq-bottom-item-content-title p{
    box-shadow: 0 1px 0 0 #FFFFFF !important;   
}

body.light #tarjetas #faq-bottom a .faq-bottom-item-content-title p{
    box-shadow: 0 1px 0 0 #003046;   
}

body.pre-inicio #tarjetas #faq-bottom a .faq-bottom-item-content-title p {
    display: inline-block;
    width: 80%;
}


#tarjetas .faq-bottom-item-content-title p {
    font-family: 'Termina';
}

#tarjetas #faq-bottom .faq-bottom-item .faq-bottom-item-content .faq-bottom-item-content-link-item{
    padding-bottom: 0px;
}

#tarjetas #faq-bottom .flecha {
    bottom:1px;
    right:1px;
    background-color:#277F79;
    border:1px solid #277F79;
    min-height:60px;
    min-width:60px;
    margin-bottom:-2px;
    margin-right:-2px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: min-width 0.3s ease;
}

.flecha img {
    width:20px;
    object-fit:contain;
}

#tarjetas #faq-bottom a:hover .flecha{
    border:1px solid white;
    min-width:90px;
}



body.dark #tarjetas #faq-bottom a:hover{
    border:1px solid white !important;
    background-color:#003046 !important;
    
}

#tarjetas #faq-bottom a:hover .faq-bottom-item-content-link-item img {
    display: block!important;
    border-bottom: none !important;
}

#tarjetas #faq-bottom a:hover .faq-bottom-item-content-link-item {
    border-bottom: none !important;
}

body.light #tarjetas #faq-bottom a .faq-bottom-item-content-title h3,
body.light #tarjetas #faq-bottom a .faq-bottom-item-content-title p{
    color:#003046 !important;
}

body.light #tarjetas #faq-bottom a:hover .faq-bottom-item-content-title h3,
body.light #tarjetas #faq-bottom a:hover .faq-bottom-item-content-title p{
    color:white !important;
}

body.light #tarjetas #faq-bottom a{
    background-color:white !important;
}

body.light #tarjetas #faq-bottom a:hover{
    border:1px solid white !important;
    background-color:#003046 !important;
    
}



#tarjetas #faq-bottom .faq-bottom-item {
    height:auto;
}


main.content-area{
    padding-bottom:0px !important;
}

#ver-mas {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:10vh;
}

.btn-migrania.btn-bold{
    font-weight:700;
}

body.light .theme-switch-text{
    color:white;
}




@media (min-width:700px){
    #hero-imgs .mobile{
        display:none !important;
    }
}

@media (max-width:701px){
    #hero-imgs .desktop{
        display:none !important;
    }
}