.marketing_machine {
    --rosa: var(--rosa-claro);
    --line-height-titulos:112%;
    --line-height-texto:155%;
}

.marketing_machine h1, .marketing_machine h2,
.marketing_machine p.destacado {
    line-height: var(--line-height-titulos);
    font-family: var(--header-family);
}

.marketing_machine p, .marketing_machine li {
    line-height: var(--line-height-texto);
    font-family: var(--header-family);
}

#menu_conversaciones li span {
    display: block;
    font-weight: 400;
}

#menu_conversaciones li strong {
    font-weight: 700;
}

.seccion_rrss_cita .container {
    display: flex;
    flex-direction: column;
}

.seccion_rrss_cita .rrss_contenedor .redes {
    justify-content: flex-start;
}

.seccion_banner h1, .seccion_banner p.subtitulo {
    color: var(--second-color);
}

.seccion_banner h1 {
    font-size: var(--size-72);
}

.seccion_banner {
    background-image: url(../../images/grandes_conversaciones/header_mmkt.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: var(--margin-bloques);
    padding-bottom: var(--margin-bloques);
    margin-bottom: var(--margin-bloques);
    /* aspect-ratio: 560 / 293; */
    min-height: 65vh;
    height: fit-content;
    width: 100%;
    display: block;
}

.descargar_informe a p.rojo {
    font-family: var(--text-family);
}

.seccion_cita {
    margin-bottom: var(--margin-bloques);
}


.seccion_cita blockquote p {
    color: var(--azul);
    font-family: var(--header-family);
    font-size: var(--size-32);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-titulos);
}

.seccion_cita strong {
    font-weight: 700;
}

.seccion_cita a {
    display: flex;
    align-items: center;
    gap: var(--margin-elementos);
    width: 45%;
    text-decoration-line: underline;
}

.seccion_cita a:hover .nombre {
    color: var(--rojo);
    cursor: pointer;
}

.seccion_cita .nombre {
    color: var(--azul);
    font-family: var(--header-family);
    font-size: var(--size-18);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-titulos);
    text-transform: uppercase;
}

.seccion_cita .cargo {
    color: var(--gris-02, #878E90);
     font-family: var(--header-family);
    font-size: var(--size-16);
    font-weight: 400;
    line-height: var(--line-height-titulos);
    text-transform: uppercase;
}

.seccion_cita a img, .seccion_cita .foto {
    width: 144px;
    height: 144px;
    aspect-ratio: 1 / 1;
}

.seccion_introduccion {
    margin-top: var(--margin-bloques);
}

.seccion_introduccion .subtitulo {
    color: var(--azul);
     font-family: var(--header-family);
    font-size: var(--size-32);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-titulos);
    margin-bottom: 0;
}

.seccion_introduccion li, #dual li {
    font-size: var(--size-18);
    color: var(--gris-01);
}

.seccion_introduccion .listado ul, #dual .listado {
    list-style-type:disc;
    list-style: inside;
    margin-bottom: var(--margin-bloques);
}

.seccion_introduccion .listado p {
    margin-bottom: 0;
}

.seccion_introduccion .col_1_3 .destacado {
    font-weight: 700 ;
}

.destacado_mini{
    color: var(--gris-01, #6D7475);
    font-family: var(--header-family);
    font-size: var(--size-18);
    font-style: normal;
    font-weight: 700;
}

.seccion_banner_protagonismo{
    background-image: url(../../images/grandes_conversaciones/banner_protagonismo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: var(--margin-bloques) 0;
    /* aspect-ratio: 267 / 100; */
    width: 100%;
    display: block;
    margin-bottom: var(--margin-bloques);
}

.seccion_banner_protagonismo h2 strong,
.seccion_banner_invisibilidad h2 strong,
.seccion_banner_claves h2 strong,
.seccion_banner_dual h2 strong,
.seccion_banner_voces h2 strong {
    display: inline;
}

.seccion_banner_protagonismo h2 span,
.seccion_banner_invisibilidad h2 span,
.seccion_banner_claves h2 span,
.seccion_banner_dual h2 span,
.seccion_banner_voces h2 span {
    display: inline;
}

.seccion_banner_protagonismo h2, .seccion_banner_protagonismo p.destacado {
    color: var(--second-color);
    text-transform:initial;
}

.contenido.visible a, .col_3_4 p a {
    color: var(--azul-hover);
    text-decoration: underline !important;
    display: inline;
}

.grandes_conversaciones .desplegable {
    background-color: var(--rosa-claro);
}

.seccion_banner_invisibilidad{
    background-image: url(../../images/grandes_conversaciones/banner_invisibilidad.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: var(--margin-bloques) 0;
    /* aspect-ratio: 267 / 100; */
    width: 100%;
    display: block;
    margin-bottom: var(--margin-bloques);
}

.seccion_banner_invisibilidad h2 {
    text-transform:initial;
}

 #invisibilidad .descargar_informe {
    margin-bottom: 0;
}

.seccion_banner_claves {
    background-image: url(../../images/grandes_conversaciones/banner_claves.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: var(--margin-bloques) 0;
    /* aspect-ratio: 267 / 100; */
    width: 100%;
    display: block;
    margin-bottom: var(--margin-bloques);
}

.seccion_banner_claves h2, .seccion_banner_claves p.destacado{
    color: var(--second-color);
}

.seccion_expertos .cabecera {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.seccion_expertos .experto.active .cabecera{
    height: auto;
    display: flex;
    gap: var(--margin-elementos);
    align-items: center;
    flex-direction: row;
}

.claves .seccion_expertos .cabecera .titulo {
    color: var(--azul);
    font-size: var(--size-40);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-titulos);
}

.claves .seccion_expertos .experto {
    min-height: 435px;
    overflow-x: hidden;
}

.claves .seccion_expertos .cabecera .titulo strong {
    font-weight: 700;
    display: block;
}

.seccion_banner_dual {
    background-image: url(../../images/grandes_conversaciones/banner_dual.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: var(--margin-bloques) 0;
    /* aspect-ratio: 267 / 100; */
    width: 100%;
    display: block;
    margin-bottom: var(--margin-bloques);
}

#dual .destacado {
    font-weight: 400;
}

#dual .destacado strong {
    font-weight: 700;
}

.seccion_banner_dual p {
    color: var(--azul);
}

.seccion_banner_voces {
    background-image: url(../../images/grandes_conversaciones/banner_voces.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: var(--margin-bloques) 0;
    /* aspect-ratio: 267 / 100; */
    width: 100%;
    display: block;
    margin-bottom: var(--margin-bloques);
}

.seccion_banner_voces h2, .seccion_banner_voces {
    color: var(--second-color);
}

/* ===============================
   FORMULARIO CONTACTO (.contacto)
   =============================== */
.form {
    padding: 0;
}

.formulario_suscripcion {
    padding-top: var(--margin-bloques);
    border-top: 1px solid var(--gris-03);
}

.contacto .campos{
  display:flex;
  flex-wrap:wrap;
  gap: var(--margin-elementos-int);
}

.contacto .campos > .campo{
  width: calc( (100% - (var(--margin-elementos-int) * 2)) / 3 );
}

.contacto .campos > .campo.estrecho{
  width: calc( (100% - (var(--margin-elementos-int) * 2)) / 3 );
}

.contacto .texto_legal{ margin: var(--margin-elementos) 0; }
.contacto .enviar{ margin-top: var(--margin-elementos); }

.contacto .form .titulo {
    color: var(--gris-01, #6D7475);
    font-family: var(--header-family);
    font-size: var(--size-24);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-titulos);
    text-transform: uppercase;
}

.contacto .form .texto_legal a {
    color: var(--gris-01);
    text-decoration: underline;
}

.expertos .experto {
    max-height: fit-content;
}

@media (max-width: 1024px){ 
    .claves .seccion_expertos .experto {
        flex: 0 0 100%;
        min-height: fit-content;
    }

    .claves .experto .cabecera .textos {
        width: 100%;
    }
}

@media (max-width: 992px){
  .contacto .campos{ gap: var(--margin-elementos-int); }
  .contacto .campos > .campo,
  .contacto .campos > .campo.estrecho{
    width: 100%;
  }
    .seccion_cita a {
        width: 100%;
    }


}

@media (max-width: 768px) { 
    .seccion_banner h1 {
        font-size: var(--line-titulo);
    }

        .seccion_banner {
        background-image: url(../../images/grandes_conversaciones/cabecera_machine_marketing.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: var(--margin-bloques);
        padding-bottom: var(--margin-bloques);
        margin-bottom: var(--margin-bloques) 20px;
        min-height: 50vh;
        height: fit-content;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        margin-bottom: var(--margin-bloques);
    }

    .seccion_rrss_cita .container {
        flex-direction: column;
    }

    .seccion_banner_protagonismo h2 span,
    .seccion_banner_invisibilidad h2 span,
    .seccion_banner_claves h2 span,
    .seccion_banner_dual h2 span,
    .seccion_banner_voces h2 span {
        display: inline;
    }

    .seccion_banner_imagen h2, .seccion_banner_imagen p.destacado, 
    .seccion_banner_imagen p { 
        color: var(--azul);
    }

    .seccion_banner_imagen h2, .seccion_introduccion h2, .seccion_banner_imagen h2 strong {
        font-size: var(--size-40);
        text-transform: uppercase;
        line-height: 121%;
        font-weight: 600 !important;
    }
    
    .seccion_banner_imagen {
        background-image: none;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

    

    #invisibilidad .descargar_informe {
        margin-bottom: 0;
    }

    .expertos .experto .cabecera {
        flex-direction: row;
    }

    .seccion_banner {
        display: flex;
        justify-content: center;
    }
    
}