/*  
Theme Name: Ventana360º
Description: Un tema desarrollado para LaBase
Author: W. Wallace
Version: 1.25
*/

body {background-color: #fafafa; margin: 0; padding: 0;     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always; text-rendering: optimizeLegibility; color: #3a3a3a;  }
.hero {background-image:url(imagenes/fondo.jpg); width: 100%; min-height: 100vh; min-height: 100svh; background-size: cover; background-position: center right; background-repeat: repeat-x;} 
.hero-content {min-height: 100vh; min-height: 100svh; box-sizing: border-box; padding-top: 32px; padding-bottom: 32px; max-width: 1600px; margin: 0 auto; display: grid; width: 90%; grid-template-rows: 1fr 1fr; row-gap: 32px; }
.hero-content > div:first-of-type {grid-template-columns: repeat(12,1fr); column-gap: 32px; display: grid; }
.hero-content > div:first-of-type > div {grid-column: span 3;}

.hero-content p { margin: 0; padding: 0;  font-weight: 400; color: #151515; font-size: 18px; line-height: 24px;}
.inconsolata {font-family: "Inconsolata", serif;}
.inter {font-family: "Inter", serif;}

.hero-content > div:last-of-type { display: grid; grid-template-columns: repeat(12,1fr); column-gap: 32px; grid-template-rows: 1fr 1fr; height: 100%; row-gap: 32px;}
.hero-content > div:last-of-type > div {grid-column: span 12;}
.hero-content > div:last-of-type > div:first-of-type {padding-top: 16px;}
.hero-content > div:last-of-type > div:first-of-type  img {width: 100%; max-width: 675px;}
.hero-content > div:last-of-type > div:last-of-type {display: grid; align-self: flex-end;}

.modulo {}
.modulo-content {max-width: 1600px; width: 90%; margin: 0 auto; padding-top: 100px; padding-bottom: 80px;}
.modulo-content > div {grid-template-columns: repeat(12,1fr); column-gap: 32px; display: grid;}
.modulo-content > div > div {grid-column: span 6;}
.modulo p {font-size: 18px; line-height: 26px;}
.modulo h2 {font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.2px;}

.evento {}
.evento-content {max-width: 1600px; width: 90%; margin: 0 auto; padding-top: 100px; padding-bottom: 80px;}
.evento-content > div {grid-template-columns: repeat(12,1fr); column-gap: 32px; display: grid;}
.evento-content > div > div {grid-column: span 3;}
.evento h6 {font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.2px; margin: 0;}
.evento h2 {font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.2px; margin: 0;}
.evento h3 {font-size: 25px; line-height: 30px; font-weight: 600; margin-bottom: 8px;  }
.evento p {margin: 0; font-weight: 300;}

.programa {}
.programa-content {max-width: 1600px; width: 90%; margin: 0 auto; padding-top: 40px; padding-bottom: 40px;}
.programa-content > div {grid-template-columns: repeat(12,1fr); display: grid; column-gap: 32px; grid-template-rows: max-content max-content; row-gap: 32px;}
.programa-content > div > div:first-of-type {grid-column: 4 / span 9; }
.programa-content > div > div:last-of-type {grid-column: 4 / span 9; grid-template-columns: repeat(9,1fr); column-gap: 32px; display: grid;}
.programa-content > div > div:last-of-type > div {grid-column: span 9; grid-template-columns: repeat(9,1fr); column-gap: 32px; display: grid; padding-top: 16px; padding-bottom: 48px; border-top: 1px solid rgba(0,0,0,0.1);}
.programa-content > div > div:last-of-type > div > div {grid-column: span 3;}
.programa h2 {font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.2px; margin: 0;}
.programa p {margin: 0; font-weight: 300; font-size: 14px; line-height: 20px;}
.programa b {font-weight: 500;}

.formulario {}
.formulario-content {max-width: 1600px; width: 90%; margin: 0 auto; padding-top: 40px; padding-bottom: 120px;}
.formulario-content > div {grid-template-columns: repeat(12,1fr); display: grid; column-gap: 32px; grid-template-rows: max-content max-content; row-gap: 32px;}
.formulario-content > div > div {grid-column: 4 / span 9; grid-template-columns: repeat(9,1fr); display: grid; column-gap: 32px;}
.formulario-content > div > div:first-of-type {grid-column: 4 / span 9; grid-template-columns: repeat(9,1fr); display: grid; column-gap: 32px;}
.formulario-content > div > div:first-of-type > div:first-of-type {grid-column: span 3;}
.formulario-content > div > div:first-of-type > div:last-of-type {grid-column: span 6;}
.formulario-content > div > div:last-of-type > div {grid-column: 4 / span 6;}
.formulario h2 {font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.2px; margin: 0;}
.formulario h3 {font-size: 25px; line-height: 30px; font-weight: 600; margin:0; padding-bottom: 32px;  }
.formulario p {margin: 0; font-weight: 300; font-size: 14px; line-height: 20px; padding-top: 16px; padding-bottom: 32px; border-top: 1px solid rgba(0,0,0,0.1);}
.formulario p:last-of-type { border-top: unset; padding-top: 0 !important;}
.formulario p:nth-last-of-type(2){ border-top: unset;}


p.aceptacion {border-top: unset; font-weight: 300; font-size: 11px; line-height: 15px; margin-top: 32px;}
p.boton {border-top: unset; width: max-content; padding: 16px 32px 16px 32px; background-color:#8EBFD8; font-weight: 600; border-radius: 64px; }

.footer {}
.footer-content {max-width: 1600px; width: 90%; margin: 0 auto; padding-top: 120px; padding-bottom: 48px;}
.footer-content > div {grid-template-columns: repeat(12,1fr); column-gap: 32px; display: grid;}
.footer-content > div > div {grid-column: span 6; }
.footer-content > div > div:first-of-type {display: grid; grid-auto-flow: column; column-gap: 32px; width: max-content; align-content: center; align-items: center;}
.footer-content > div > div:last-of-type {display: grid; grid-auto-flow: column; column-gap: 32px; justify-content: flex-end; justify-items: flex-end; align-content: center; align-items: center; }
.footer p {font-size: 16px; line-height: 24px;}
.footer h2 {font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.2px;}

input, textarea, keygen, select {
background: transparent !important;
border: unset !important;
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
width: 100% !important;
font-size: 16px !important; line-height: 24px !important;
font-family: "Inter", serif !important;
box-sizing: border-box;
}
input.wpcf7-submit {

    border: unset !important;
    padding: 16px 32px 16px 32px !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    font-size: 16px !important; line-height: 24px !important;
    font-family: "Inter", serif !important;
    border-radius: 32px;
    box-sizing: border-box;
    background-color:#8EBFD8 !important;
    width: max-content !important;
    cursor: pointer;
    }
    input.wpcf7-submit:hover {
        background-color:#3a3a3a !important;
        color: #ffffff;

        }
    input[type="checkbox"] {
        width: max-content !important;

    }
    .wpcf7-list-item {

        margin: unset !important;
    }
@media (max-width:1280px) {
    .footer-content > div {

        column-gap: unset;
        row-gap: 32px;

    }
    .footer-content > div > div {
        grid-column: span 12;
    }
    .footer-content > div > div:last-of-type {
        display: grid;
        grid-auto-flow: column;
        column-gap: 32px;
        justify-content: flex-start;
        justify-items: flex-start;
        align-content: center;
        align-items: center;
    }

}

@media (max-width: 980px) {
    .footer-content > div > div {grid-column: span 12; }
    .footer-content > div > div:first-of-type {grid-template-columns: 1fr; grid-auto-flow: unset;}
    .footer-content > div > div:last-of-type {grid-template-columns: 1fr; grid-auto-flow: unset; justify-content: flex-start; justify-items: flex-start; column-gap: unset; row-gap: 32px;}
    .footer p {margin: 0;}
    .footer-content > div {column-gap: unset; row-gap: 64px;}
    .hero-content > div:first-of-type > div {
        grid-column: span 9;
    }
    .modulo-content > div {
        column-gap: unset;

    }
    .modulo-content > div > div {
        grid-column: span 12;
    }
    .evento-content > div {
        column-gap: unset;
        row-gap: 32px;
    }
    .evento-content > div > div {
        grid-column: span 12;
    }
    .evento h3 {
        margin-top: 8px;
    }
    .modulo-content {

        padding-top: 80px;
        padding-bottom: 40px;
    }
    .evento-content {

        padding-top: 40px;
        padding-bottom: 40px;
    }
    .programa-content > div > div:first-of-type {
        grid-column: span 12;
    }
    .programa-content > div > div:last-of-type {
        grid-column: span 12;
    }
    .programa-content > div > div:last-of-type > div {

        column-gap: unset;
        row-gap: 8px;
    }
    .programa-content > div > div:last-of-type > div > div {
        grid-column: span 9;
    }
    .programa-content {

        padding-top: 48px;

    }
    .formulario-content > div > div:first-of-type {
        grid-column:span 12;
        column-gap: unset;
        row-gap: 32px;
    }
    .formulario-content {

        padding-top: 0;

    }
    .formulario-content > div > div:first-of-type > div:first-of-type {
        grid-column: span 12;
    }
    .formulario-content > div > div:first-of-type > div:last-of-type {
        grid-column: span 12;
    }
    .formulario-content > div > div:last-of-type > div {
        grid-column: span 9;
    }
    .formulario-content > div > div {
        grid-column: span 12;
    }
    .footer-content {

        padding-top: 32px;

    }
    .programa-content > div {

        column-gap: unset;

    }
    .formulario-content > div {

        column-gap: unset;

    }
    .hero-content > div:first-of-type, .hero-content > div:last-of-type {

        column-gap: unset;

    }
}