/*
 Theme Name:   Turismo Bien
 Theme URI:    https://llyc.global/
 Description:  Turismo Bien by LLYC
 Author:       LLYC
 Version:      1.0.0
 Author URI:   https://llyc.global/
 Template:     Divi
*/

:root {

    --negro:rgb(0, 0, 0);
    --rojo: #E40000;
    --gris-claro:#D7D7D7;
    --gris-texto:#636363;
    --gris: #4B4B4B;
    --blanco: white;


    --size-56:56px;
    --size-30:30px;
    --size-16:16px;
    --size-14:14px;
    --size-12:12px;
}

.et_pb_row {
    max-width: 1319px !important;
}

.entrada.et_pb_row  {
    max-width: 1094px !important;
}  

.oculto {
    display: none !important;
}

.texto {
    font-size: var(--size-16);
    font-weight: 300;
    color:var(--negro)
}

h2, .titulo h1 {
    font-size: var(--size-30);
    color: var(--negro);
    font-weight: 400;
}

.titulo h1 {
    padding: 30px 0;
}

.et_pb_title_container {
    display: flex;
    flex-direction: column-reverse;
}

.et_pb_title_meta_container {
    text-align: right;
    padding: 20px 0;
}

.texto_rojo {
    color: var(--rojo);
}

.texto_linea::after {
    content: url(./images/linea_roja2.svg);
    display: block;
    text-align: center;
    padding-top: 0;
}

.volver {
    font-size: var(--size-12);
    font-weight: 400;
}

.volver a {
    color: var(--gris-texto);
}

.volver a:hover {
    color: var(--gris-claro);
}

#top-menu li a, .et-fixed-header #top-menu li.current_page_item>a {
    font-weight: 400;
    color: var(--negro) !important;
}

#top-menu li a:hover, .et-fixed-header #top-menu li.current_page_item>a:hover{
    color: var(--rojo) !important;
}

.boton, .et_pb_section .et_pb_button {
    background-color: var(--rojo);
    border:none;
    border-radius: 5px;
    padding: 10px 30px !important;
    text-align: center;
    color: var(--blanco);
    font-size: var(--size-16);
    font-weight: 600;
}

.boton:hover, .et_pb_section .et_pb_button:hover {
    padding: 10px 30px !important;
    background-color: var(--negro);
    border:none !important;
    border-radius: 5px !important;
}

/* Footer */
footer .links {
    color: var(--blanco);
    font-size: var(--size-12);
}

footer .rrss img {
    margin-right: 15px;
}

footer .rrss a {
    height: 28px;
}

footer .rrss a img {
    height: 28px;
}

footer .rrss p {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* LISTADO INTENCIONES */

.numero {
    font-size: var(--size-56);
    font-weight: 700;
    display: block;
    color:var(--negro)
}

.numero::after {
    content: url(./images/linea_roja.svg);
    display: block;
    text-align: center;
    padding-top: 5px;
}

.listado_intenciones {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
}

.listado_intenciones .et_pb_column_1_5 {
    width: 25% !important;
    margin-top: 5.5%;
}

.listado_intenciones .et_pb_column_1_5 .et_pb_text_inner {
    text-align: center;
}




/* Preguntas y respuestas */

.acordeon .et_pb_toggle {
    border: none;
    border-bottom: 1px solid var(--gris-claro);
    margin:0 !important;
    padding: 30px 0;
}

.acordeon .et_pb_toggle_close {
    background-color: transparent;
}

.acordeon .et_pb_toggle_title {
    font-weight: 400;
    font-size: var(--size-16);
    color: var(--negro) !important;
}

.acordeon .et_pb_toggle_content  {
    font-weight: 300;
    font-size: var(--size-14);
    color: var(--gris);
    padding-top: 30px;
}

.acordeon .et_pb_toggle_title:before {
    content: url(./images/mas.svg);
    display: block;
    height: 35px;
    width: 35px;
    top: 0;
}

.acordeon .et_pb_toggle_open .et_pb_toggle_title:before {
    content: url(./images/menos.svg);
    display: block;
}

/* Blog */

.blog .et_pb_blog_grid .et_pb_post {
    border:none;
}

.blog .entry-title a {
    font-size: var(--size-16);
    font-weight: 400;
    color: var(--negro);
}

.blog .et_pb_blog_grid .et_pb_post {
    padding: 0;
}

.blog .et_pb_image_container {
    margin:0;
}

.blog > div {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px;
}

.logos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


/* Avanzado */
.titulo_avanzado h2 {
    font-size: var(--size-30);
    font-weight: 600 ;
    padding-bottom: 0;
}

.entrada .et_pb_title_featured_container img {
    border-radius: 5px;
}

.titulo_avanzado  {
    padding: 20px 0;
}

.avanzando_blog .blog img {
    aspect-ratio: 1.3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.exeltur {
    color: var(--gris-texto);
    font-size: var(--size-14);
    font-weight: 400;

}

@media (max-width: 980px) { 
    .listado_intenciones {
        flex-direction: column;
    }

    .listado_intenciones .et_pb_column_1_5 {
        width: 100% !important;
    }

    .blog > div {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

}