/* Librerías */
@import url("bulma/bulma.min.css");
@import url("AnimateCSS.css");

/* Fuentes */
@font-face {
    font-family: 'audreyr';
    src: url('fonts/Audrey-Normal.woff');
}
@font-face {
    font-family: 'amoret';
    src: url('fonts/AmoretSans.woff');
}
.f1 { font-family: 'audreyr'; line-height: 1; }
.f2 { font-family: 'amoret'; line-height: 1; }
.nowrap { white-space: nowrap; }

/* Colores */
:root {
    --color-dorado: #a58551;
    --color-blanco: #e7dec3;
}
.transparent { color: transparent; }
.bCtransparent { background-color: transparent; }
.c1 { color: var(--color-dorado); }
.bC1 { background-color: var(--color-dorado); }

/* Estructura */
body { background-color: #f2eae4; }
.app { background-position: top center; background-size: cover; background-repeat: no-repeat;  }
.app > .contenido { min-height: 82.41vh; }
.app > .contenido > .ctrl { /*min-width: 94.81vh;*/ width: 85vh; padding-top: 12vh; }
.home { background-position: top center; background-size: cover; background-repeat: no-repeat; }
.home > .columns { min-height: 100vh; }
.home .ctrl { max-width: 750px; }

/* Divisiores */
hr:not(.divisor) { margin-left: auto; margin-right: auto; max-width: 20vw; height: 3px; }
.column.borde { border-right: 3px solid var(--color-dorado); }

/* Video */
.app.sec0 { min-height: 100vh; position: relative; }
.app.sec0 video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.app.sec0 > .contenido { position: absolute; z-index: 1; width: 100%; }

/* Menu */
.app > .hmenu { min-height: 17.59vh; }
.app > .hmenu .logo { max-width: 96px; }
.menu { min-height: 17.59vh; position: fixed; z-index: 2; width: 100vw; transition: 0.5s; }
.menu .link { font-family: 'audreyr'; }
.menu .logo { max-width: 96px; }
.menu.scroll:not(.has-open) { background-color: #f2eae4; min-height: 15vh; }
.menu:not(.blanco):not(.has-open) .link { color: var(--color-dorado); }
.menu:not(.blanco):not(.has-open) .blanco { display: none; }
.menu.blanco:not(.has-open) .link { color: var(--color-blanco); }
.menu.blanco:not(.has-open) .dorado { display: none; }
.menu.scroll .blanco { display: none; }
.menu.scroll .dorado { display: block !important; }
.menu.scroll .link { color: var(--color-dorado) !important; }

/* Sub Menu */
.subMenu { position: relative; }
.subMenu > div { position: absolute; min-width: 25vw; left: 50%; top: 3rem; transform: translate(-50%, 0); background-color: rgba(242,234,228,0.9); border-radius: 0 0 150px 150px; }
.subMenu .sublink { color: var(--color-dorado); }
/* .subMenu > div > div.subOpt { background-color: #f2eae4; }
.subMenu > div > div:not(.subOpt) { background-color: #f2eae4; border-bottom-left-radius: 999px; border-bottom-right-radius: 999px; } */

/* Menu Mobile */
.menu.has-open { background-color: #f2eae4; min-height: 100vh; }
.menu.has-open .blanco { display: none !important; }
.menu.has-open .dorado { display: none !important; }
.menu.has-open .link { color: var(--color-dorado); }

/* Fondos */
.home { background-image: url('../img/fondo/fondo-0.jpg'); }
.app.sec0 { background-image: url('../img/fondo/video.jpg'); }
.app.sec1 { background-image: url('../img/fondo/fondo-1.jpg'); }
.app.sec2 { background-image: url('../img/fondo/fondo-2.jpg'); }
.app.sec3 { background-image: url('../img/fondo/fondo-3.jpg'); }
.app.sec31, .app.sec32 { background-image: url('../img/fondo/fondo-s3.jpg'); }
.app.sec4 { background-image: url('../img/fondo/fondo-4.jpg'); }

/* Botones */
.pointer { cursor: pointer; }
.bt1 { color: var(--color-dorado); border-radius: 15px; border: 2px solid var(--color-dorado); background-color: transparent; min-width: 150px; transition: 0.3s; }
.bt1:hover { color: white; background-color: var(--color-dorado); font-style: italic; border: 0px; }

/* CountDown */
.home .nombres { max-width: 50%; }
.countdown { max-width: 50%; margin-left: auto; margin-right: auto; margin-top: -50px; position: relative; z-index: 1; }
.countdown .num { background-color: var(--color-blanco); border-radius: 17px; }
audio { position: absolute; left: 50%; bottom: 2rem; transform: translate(-50%, 0); }

/* Hospedaje */
.app > .contenido > .ctrl.sec2 { width: 50vw; }

/* Form */

.label { font-weight: normal !important; }
input[type=radio] { display: none; }
.field.entrada { padding-left: 3rem; padding-right: 3rem; }
.rsvp { padding-left: 3rem; padding-right: 3rem; }
.rsvp .icono { background-repeat: no-repeat; background-position: left center; background-size: 24px 24px; padding: 4px 0px 4px 35px; }
.rsvp .icono:not(.is-active) { background: url('../img/iconos/radio-no-check.svg'); background-repeat: no-repeat; background-position: left center; background-size: 24px 24px; padding: 4px 0px 4px 35px; }
.rsvp .icono.is-active { background-image: url('../img/iconos/radio-check.svg'); }

input.input.wBorder { color: var(--color-dorado); background-color: transparent; border: 0px; box-shadow: 0px 0px; border-radius: 0px; border-bottom: 2px solid var(--color-dorado); text-align: center; }
input.input.wBorder::placeholder { color: var(--color-dorado); text-align: center; background-color: transparent; text-transform: uppercase; }


/* Mobile */
@media only screen and ( max-width: 768px) {
    /* Fuentes */
    .is-size-1 { font-size: calc(3rem * 0.7) !important; }
    .is-size-2 { font-size: calc(2.5rem * 0.7) !important; }
    .is-size-3 { font-size: calc(2rem * 0.7) !important; }
    .is-size-4 { font-size: calc(1.5rem * 0.7) !important; }
    .is-size-5 { font-size: calc(1.25rem * 0.7) !important; }
    .is-size-6 { font-size: calc(1rem * 0.7) !important; }
    .is-size-7 { font-size: calc(0.75rem * 0.7) !important; }

    .has-text-centered-mobile { text-align: center; }

    /* Estructura */
    .column.o1 { order: 1; }
    .column.o2 { order: 2; }
    .column.o3 { order: 3; }
    .column.o4 { order: 4; }
    .column.o5 { order: 5; }
    .column.o6 { order: 6; }
    .column.o7 { order: 7; }
    .app > .contenido > .ctrl { width: 100vw; padding-top: 10vh; }

    /* Divisores */
    hr:not(.divisor) { margin-left: auto; margin-right: auto; max-width: 60vw; }
    .column.borde { border-right: 0px; }

    /* Menu */
    /* .app > .hmenu { min-height: 12.5vh; }
    .menu { min-height: 12.5vh; } */

    /* Menu Mobile */
    .menu.has-open .sublink { color: var(--color-dorado); opacity: 0.7; }

    /* Fondos */
    .home { background-image: url('../img/fondo/fondo-0m.jpg'); }
    .app.sec0 { background-image: url('../img/fondo/videom.jpg'); }
    .app.sec1 { background-image: url('../img/fondo/fondo-1m.jpg'); }
    .app.sec2 { background-image: url('../img/fondo/fondo-2m.jpg'); }
    .app.sec3 { background-image: url('../img/fondo/fondo-3m.jpg'); }
    .app.sec31, .app.sec32 { background-image: url('../img/fondo/fondo-s3m.jpg'); }
    .app.sec4 { background-image: url('../img/fondo/fondo-4m.jpg'); }

    /* CountDown */
    .home .ctrl { padding-left: 0px !important; padding-right: 0px !important; }
    .home .nombres { max-width: 75%; }
    .countdown { max-width: 75%; margin-left: auto; margin-right: auto; margin-top: -35px; position: relative; z-index: 1; }
    .countdown .num { background-color: var(--color-blanco); border-radius: 17px; }

    /* Hospedaje */
    .app > .contenido > .ctrl.sec2 { width: 100%; }

    /* Form */
    .field.entrada { padding-left: 0rem; padding-right: 0rem; }
    .rsvp { padding-left: 0rem; padding-right: 0rem; }
}
/* Tablet */
@media only screen and (min-width: 769px) and (max-width: 1023px) {

} 
/* Desktop */
@media only screen and (min-width: 1024px) and (max-width: 1215px) {

} 
/* Widescreen */
@media only screen and (min-width: 1216px) and (max-width: 1407px) {
    /* Hospedaje */
    .app > .contenido > .ctrl.sec2 { width: 60vw; }
}
/* HD */
@media only screen and (min-width: 1408px) /*and (max-width: 1920px)*/ {
    /* Fuentes */
    .is-size-1 { font-size: calc(3rem * 0.8) !important; }
    .is-size-2 { font-size: calc(2.5rem * 0.8) !important; }
    .is-size-3 { font-size: calc(2rem * 0.8) !important; }
    .is-size-4 { font-size: calc(1.5rem * 0.8) !important; }
    .is-size-5 { font-size: calc(1.25rem * 0.8) !important; }
    .is-size-6 { font-size: calc(1rem * 0.8) !important; }
    .is-size-7 { font-size: calc(0.75rem * 0.8) !important; }
}
/* 2K 
@media only screen and (min-width: 1921px) {
    
}*/

/* Not mobile not desktop */
@media only screen and (min-width: 769px) and (max-width: 1407px) {
    .is-size-1 { font-size: calc(3rem * 0.65) !important; }
    .is-size-2 { font-size: calc(2.5rem * 0.65) !important; }
    .is-size-3 { font-size: calc(2rem * 0.65) !important; }
    .is-size-4 { font-size: calc(1.5rem * 0.65) !important; }
    .is-size-5 { font-size: calc(1.25rem * 0.65) !important; }
    .is-size-6 { font-size: calc(1rem * 0.65) !important; }
    .is-size-7 { font-size: calc(0.75rem * 0.65) !important; }
}