@charset "utf-8";

/* CSS Document */
@font-face {
    font-family: Franklin;
    src: url("../fonts/Franklin.ttf")
}

@font-face {
    font-family: Poppins;
    src: url("../fonts/Poppins-Regular.ttf")
}

@font-face {
    font-family: Impact;
    src: url("../fonts/Black.ttf")
}

@font-face {
    font-family: Public;
    src: url("../fonts/Roboto.ttf")
}

@font-face {
    font-family: Aptos;
    src: url("../fonts/Aptos.ttf")
}

/*
COLORES
#EB2857;
#009ee3;
#E98733;
rgb(230, 56, 136);
*/

html 
{
    font-family: Aptos, Arial, sans-serif;
    font-family: Poppins,Arial, sans-serif;
    /*font-family: Public,Arial, sans-serif;    */
    font-size: 13px;
    
}

.icono2
{
    font-size: 2.7rem!important;
    border: 1px #D99B68 solid;
    padding:5px!important;
    border-radius: 25%;
    color: #CB7A5C;
    color:#D99B68;
}

.icono
{
    font-size: 2rem; 
    border:1px #328399 solid; 
    border-radius:5px; 
    padding:5px;
    color: #328399;
}

/*PRINCIPALES*/


body {
    width: 100%;
    padding: 0;
    margin: 0;
    color: #677080;
    line-height: 28px;
    box-sizing: border-box;
    background-color: #fff;
}


.alinear {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 10px;
}

header,
footer,
.menu a:hover 
{
    background-color: #005273;
    background-color: #1c242f;
    background-color: #324154;
    color: #fff;
}


header 
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 90px;
    box-sizing: border-box;
    border-top:3px solid #E06347;
    border-top:3px solid #FA4270;
    
    height: 85px;
    line-height: 0;
}

.logo 
{
    width: 98%;
    max-width: 260px;
}

.floatleft 
{
    float:left;
}

.floatright
{
    float:right;
}

.clear 
{
    clear: both;
}

section,
article,
#header-menu {
    margin: 0 auto;
    text-align: center;
}

section {
    max-width: 1300px;
    min-height: 600px;
}

article {
    max-width: 1150px;
    width: 96%;
    margin-top: 30px;
}

footer {
    margin-top: 20px;
    font-size: 1.2rem;
}

footer a {
    
    color: #fff;
}

footer .alinear {
    max-width: 260px;
    text-align: left;
    padding: 10px 0;
}

/*FIN PRINCIPALES*/


/*INICIO*/

.inicio 
{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.img-inicio 
{
    width: 90%;
    max-width:300px;
    height: auto;
}

/*.informacion 
{
    display: flex;
    /*flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: flex-start;
    line-height: 20px;
    margin-top: 20px;

}

.informacion div 
{
    width: 250px;
    margin: 0;
    text-align: center;
    border: 1px #ddd solid;
    border-radius: 10px;
    padding: 8px;
    background-color: #f5f5f5;
}

.informacion div .material-icons-round 
{
    padding: 0;
}
*/
.informacion 
{
    display: flex;
    flex-wrap: wrap; /* Permite que los elementos pasen a la siguiente línea */
    justify-content: space-evenly;
    align-items: flex-start;
    gap: 10px; /* Espacio entre los elementos */
    line-height: 20px;
    margin-top: 20px;
    
    border-bottom:2px #ddd solid;
}

.informacion div 
{
    width: calc(33.33% - 20px); /* 3 elementos por fila */
    max-width: 300px; /* Evita que crezcan demasiado */
    text-align: left;
    
    border-radius: 10px;
    padding: 8px;
    
    min-height: 180px;
    color: #666;
    margin-top:20px;
}


.motivos, .casos 
{
    margin-top:30px;
}

/*FIN INICIO*/


/*ETIQUETAS*/

a {
    text-decoration: none;
}

h1 {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 2.2rem;
    padding: 10px 0;
    margin: 0;
    font-weight: 600;
}

h2
{
    font-size: 1rem;
    line-height: 18px;
    font-weight: 400;
    padding: 5px 0;
    margin-top:0;
}

h3 
{
    font-size: 1.1rem;
    font-weight: 600;
}

i {
    font-size: 0.9rem;
    line-height: 1rem;
}

.pregunta 
{
    color:#324154;
}

ul .material-icons-round
{
    font-size: 1.3rem;
    padding-right: 5px;
    color:#D99B68;
}

.material-icons-round 
{
    vertical-align: middle;
}

p .material-icons-round 
{
    padding-right: 5px;
}

.img-formas-pago-horizontal 
{
    width: 98%;
    max-width: 600px;
    box-sizing: border-box;
    text-align: center;
}

.box 
{
    display:flex;
    margin:0 auto;
    max-width: 550px;
    align-items: center;
    background-color:#f8f8f8;
    padding:0 15px; 
    line-height:20px; 
    border-radius:5px;
    margin-top:20px;
    border-left:8px #35aa53 solid;
    box-shadow: 1px 1px 4px #ddd;
}

/*COLORES*/
.azul 
{
    color:#1790C5!important;    
}

.bg-azul
{
    background-color: #1790C5!important;
}


.azul2 
{
    color: #59606E;
    color:#677080;
    color: #328399!important;
}

.bg-azul2 
{
    background-color: #328399!important;
}


.rojo 
{
    color:#B56F55!important;
    color:  #D99B68!important;
}

.bg-rojo 
{
    background-color: #ff373d!important;
    background-color: #E06347!important;
    background-color: #FA4270!important;
    background-color: #B56F55!important ;
    background-color: #D99B68!important;
}

.verde 
{
    color: #35aa53
}

.bg-verde
{
    background-color: #35aa53!important;
}

.amarillo 
{
    color:#fdb900;
}

.bg-box 
{
    background-color: #f8f8f8;
}


.f-18
{
    font-size: 1.2rem;
}

#info {
    width: 94%;
    margin: 0 auto;
    padding: 10px 8px;
    text-align: center;
    line-height: 20px;
}

.info {
    color: #EB5D56;
    
}

#secciones {
    text-align: justify;
    max-width: 850px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8rem;
}

#secciones b 
{
    color:#328399;
    font-size: 1.1rem;
}



/*FIN TESTIMONIO*/

.datodolar 
{
    width: 96%;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 25px;
    border:1px #ddd solid;
    border-radius: 5px;
    background-color: #f8f8f8;
    padding: 5px;
    font-size: 1rem;
}

.datodolar th 
{
    color: #fff;
    border-radius: 5px;
    padding: 5px 0;
    background-color: #35AA53;
    font-size: 1em;
    font-weight: 300;
}

.datodolar td 
{
    font-weight: bold;
    padding: 5px 0;
}

.dolar 
{
    font-weight: 200;
}


.iframe-container {
    position: relative;
    overflow: hidden;
    width: 96%;
    max-width: 600px;
    /*height: 100vh;*/
    height: 340px;
    margin: 0 auto;
}
.responsive-iframe {
    position: absolute;
    top: -510px; /* Ajustar este valor según sea necesario */
    left: 0;
    width: 100%;
    height: calc(100% + 700px); /* Ajustar este valor según sea necesario */
    border: 0;
}

#servicios 
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.servicios 
{
    padding: 10px;
    background-color: #FFF2F2;
    border: 1px #ddd solid;
    border-radius: 5px;
    text-align: left;
    color: #1790C5;
    width: 96%;
    max-width: 180px;
    margin: 0 auto;
}

.servicios:hover
{
    background-color: #1790C5;
    border: none;
    color: #fff;
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    z-index: 1000;
    transition: transform 0.3s ease-in-out;
}
.whatsapp-float img {
    width: 100%;
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.whatsapp-float:hover {
    transform: scale(1.1);
}



@media only screen and (max-width:976px) {
    
    
    
    #servicios 
    {    
        grid-template-columns: 1fr;
    }
    section .icono {
        font-size: 18px;
    }

    article {
        margin-top: 0px;
    }

    .nav {
        flex-direction: column;
        max-height: 0px;
        width: 100%;
        overflow: hidden;
        padding: 0;
    }

    header .alinear 
    {
        text-align: center;
    }

    header 
    {
        padding: 0 20px;
    }

    #mail-header {
        display: none;
    }

    .logo {
        float: none;
        margin: 0;
    }

    .menu-toggle 
    {
        display: block !important;
        font-size: 35px;
    }

    .showing {
        max-height: 100em;
    }

    .menu {
        width: 100%;
        text-align: left;
        margin: 0;
    }

    .menu ul {
        list-style: none;
        position: static;
        width: 100%;
        display: none;
        background: inherit;
        padding: 0;
    }

    .sub-menu a {
        margin: 0;
        padding: 10px 0px 10px 45px;
    }

    
    #menu-top {
        display: none;
    }

    #secciones {
        padding: 0 10px;
    }

    .img-inicio 
    {
        display: none;
    }
    
    .motivos
    {
        width: 98%;
        margin:0 auto;
        box-sizing: border-box;
    }

    .motivos
    {
        line-height: 35px;
        padding-bottom: 0px;
        box-sizing: border-box;
        padding:15px 0 5px 0;
    }

    .motivos li
    {
        font-size:  18px;
        display:    block;
        margin:     0 auto;
    }

    .motivos p 
    {
        line-height: 20px;
    }
    
    .informacion 
    {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }

    .informacion div 
    {
        width: 98%;
        max-width: 400px;
        margin: 0 auto 1px auto;
        padding: 8px;
        box-sizing: border-box;
        background-color: #f8f8f8;
        
    }

    .box 
    {
        box-shadow: none;
        border-left: none;
        border: 1px #ddd solid;
    }

}

/*EFECTOS*/

.blur 
{
    display: inline-block;
  opacity: 1;
  filter: blur(0px);
  transform: none;
  will-change: transform;
}


/*INICIO*/