/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */
                        /* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
                        /*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
                        /* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
                        
                        html {
                            color: #222;
                            font-size: 62.5%;
                            line-height: 1.4;
                        }
                        /*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.
*/
                        
                         ::-moz-selection {
                            background: #b3d4fc;
                            text-shadow: none;
                        }
                         ::selection {
                            background: #b3d4fc;
                            text-shadow: none;
                        }
                        /*
* A better looking default horizontal rule
*/
                        
                        hr {
                            display: block;
                            height: 1px;
                            border: 0;
                            border-top: 1px solid #ccc;
                            margin: 1em 0;
                            padding: 0;
                        }
                        /*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
                        
                        audio, canvas, iframe, img, svg, video {
                            vertical-align: middle;
                        }
                        /*
* Remove default fieldset styles.
*/
                        
                        fieldset {
                            border: 0;
                            margin: 0;
                            padding: 0;
                        }
                        /*
* Allow only vertical resizing of textareas.
*/
                        
                        textarea {
                            resize: vertical;
                        }
                        /* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
                        
                        .browserupgrade {
                            margin: 0.2em 0;
                            background: #ccc;
                            color: #000;
                            padding: 0.2em 0;
                        }
                        /* ==========================================================================
Author's custom styles
========================================================================== */
                        
                        html {
                            box-sizing: border-box;
                        }
                        *, *:before, *:after {
                            box-sizing: inherit;
                        }
                        body {
                            background-color: #f2f2f2;
                            font-family: 'Open Sans', sans-serif;
                        }
                        h2 {
                            font-family: 'Oswald', sans-serif;
                            font-size: 3.4em;
                            text-align: center;
                            text-transform: uppercase;
                        }
                        h2::after {
                            content: "";
                            margin: 0 auto;
                            background-image: url(../img/separador.png);
                            height: 30px;
                            width: 100px;
                            display: block;
                        }
                        h3 {
                            font-size: 1.8em;
                            color: #fe4918;
                            font-family: 'PT Sans', sans-serif;
                            margin: 0;
                        }
                        img {
                            max-width: 100%;
                        }
                        ul {
                            list-style: none;
                            margin: 0;
                            padding: 0;
                        }
                        /*GLOBALES INICIO
==========================================================*/
                        
                        .container {
                            width: 98%;
                            margin: 0 auto;
                        }
                        @media (min-width: 480px) {
                            .container {
                                max-width: 95%;
                            }
                        }
                        @media (min-width: 768px) {
                            .container {
                                max-width: 90%;
                            }
                        }
                        @media (min-width: 768px) {
                            .container {
                                max-width: 1200px;
                            }
                        }
                        .button {
                            display: inline-block;
                            background-color: #fe4918;
                            padding: 10px 40px;
                            color: #fff;
                            font-size: 1.6rem;
                            font-family: 'Oswald', sans-serif;
                            text-transform: uppercase;
                            font-weight: bold;
                            text-decoration: none;
                            transition: all .3s;
                            border: 1px solid #fe4918;
                        }
                        .button:hover {
                            background-color: #fe4918;
                            cursor: pointer;
                        }
                        .button.hollow, .button.hollow:hover {
                            background-color: white;
                            color: #fe4918;
                        }
                        .transparent {
                            background-color: transparent;
                            border: 2px solid #fff;
                        }
                        .transparent:hover {
                            border: 2px solid #fe4918;
                        }
                        /*=========================================================
GLOBALES FIN
==========================================================*/
                        
                        .hero {
                            background-image: url(../img/encabezado.jpg);
                            height: 100vh;
                            background-position: top center;
                            background-size: cover;
                        }
                        .contenido-header {
                            padding-top: 4rem;
                        }
                        @media (min-width: 768px) {
                            .contenido-header {
                                padding-top: 10px;
                            }
                        }
                        .redes-sociales {
                            text-align: center;
                            margin-top: 3rem;
                        }
                        .redes-sociales a {
                            color: #fff;
                            font-size: 3rem;
                            margin-right: 2rem;
                        }
                        .redes-sociales a:last-child {
                            margin-right: 0;
                        }
                        .informacion-evento {
                            text-align: center;
                            color: #fff;
                        }
                        .informacion-evento p {
                            margin: 0;
                            display: inline;
                            font-size: 2rem;
                        }
                        .informacion-evento p i {
                            color: #fe4918;
                            font-size: 3rem;
                        }
                        .fechayciudad {
                            display: flex;
                            justify-content: space-around;
                            margin-top: 2rem;
                        }
                        @media (min-width: 768px) {
                            .fechayciudad {
                                margin-top: 0;
                            }
                        }
                        .nombre-sitio {
                            font-family: 'PT Sans', sans-serif;
                            margin: 0;
                            line-height: 1;
                        }
                        @media (min-width: 768px) {
                            .nombre-sitio {
                                font-size: 11.5vw;
                            }
                        }
                        .slogan p {
                            text-transform: lowercase!important;
                        }
                        .slogan span {
                            font-weight: bold;
                        }
                        /*BARRA*/
                        
                        .bar {
                            background-color: #353535;
                            padding: 10px;
                        }
                        .logo {
                            width: 80%;
                        }
                        .logo img {
                            width: 100%;
                            padding-top: 5px;
                        }
                        @media (min-width: 768px) {
                            .logo img {
                                width: 33%;
                                text-align: left;
                                font-size: 3rem;
                            }
                        }
                        /*navegacion principal*/
                        
                        .navegacion-principal {
                            display: flex;
                            flex-direction: column;
                        }
                        @media (min-width: 768px) {
                            .navegacion-principal {
                                flex-direction: row;
                            }
                        }
                        .navegacion-principal a {
                            font-family: 'Open', sans-serif;
                            text-decoration: none;
                            color: #fff;
                            font-size: 2rem;
                            margin-right: 1.5rem;
                            text-transform: uppercase;
                            line-height: 38px;
                            transition: all .3s ease-in-out;
                            padding: 5px;
                            width: 100%;
                            display: block;
                            text-align: center;
                            margin-bottom: 20px;
                        }
                        @media (min-width: 768px) {
                            .navegacion-principal a {
                                margin-bottom: 0;
                            }
                        }
                        .navegacion-principal a:last-child {
                            margin-right: 0;
                            border: 2px solid #fe4918;
                            color: #fe4918;
                        }
                        .navegacion-principal a:hover {
                            color: #fe4918;
                            background-color: white;
                        }
                        .navegacion-principal a:last-child:hover {
                            color: white;
                            background-color: #fe4918;
                        }
                        @media (min-width: 768px) {
                            .navegacion-principal {
                                display: inline-flex;
                            }
                        }
                        .navi {
                            display: flex;
                            justify-content: space-around;
                            flex-direction: column;
                        }
                        @media (min-width: 768px) {
                            .navi {
                                display: inline-flex;
                                flex-direction: row;
                            }
                        }
                        /*Menu Movil*/
                        
                        .menu-movil {
                            width: 60px;
                            display: block;
                            float: right;
                            text-align: right;
                            margin: 12px auto;
                        }
                        .menu-movil:hover {
                            cursor: pointer;
                        }
                        .menu-movil span {
                            height: 8px;
                            margin-bottom: 6px;
                            background-color: #fff;
                            display: block;
                        }
                        @media (min-width: 768px) {
                            .menu-movil span {
                                display: none;
                            }
                        }
                        /*Section*/
                        
                        .seccion {
                            padding: 30px 0;
                        }
                        .seccion h2 {
                            margin: 0;
                        }
                        .seccion p {
                            font-size: 1.6rem;
                            text-align: justify;
                        }
                        /*Talleres*/
                        
                        .programa {
                            margin-bottom: 60rem;
                            position: relative;
                        }
                        @media (min-width: 768px) {
                            .programa {
                                margin-bottom: auto;
                                width: 100%;
                            }
                        }
                        .contenedor-video {
                            max-width: 100%;
                            overflow-x: hidden;
                        }
                        video {
                            max-width: 100%;
                        }
                        .contenido-programa {
                            position: absolute;
                            top: 0%;
                            left: 0%;
                            height: 100%;
                            width: 100%;
                        }
                        .programa-evento {
                            background-color: rgba(255, 255, 255, .8);
                            padding: 15px;
                            margin-top: 40px;
                        }
                        @media (min-width: 768px) {
                            .programa-evento {
                                width: 70%;
                            }
                        }
                        @media (min-width: 992px) {
                            .programa-evento {
                                width: 50%;
                            }
                        }
                        .menu-programa {
                            width: 100%;
                            border-bottom: 1px solid #fe4918;
                            padding-bottom: 1rem;
                        }
                        @media (min-width: 768px) {
                            .menu-programa {
                                display: inline-flex;
                                justify-content: space-around;
                            }
                        }
                        .menu-programa a {
                            display: block;
                            text-align: center;
                            font-size: 2.2rem;
                            color: #000;
                            text-decoration: none;
                            font-family: 'Oswald', sans-serif;
                            margin-bottom: 1rem;
                        }
                        @media (min-width: 768px) {
                            .menu-programa a i, .detalle-evento p i {
                                color: #fe4918;
                                font-size: 3rem;
                                margin-right: 1rem;
                            }
                        }
                        .detalle-evento {
                            margin-top: 2.5rem;
                            border-bottom: 1px solid #000;
                            padding: 0 2rem;
                        }
                        .detalle-evento:nth-child(2) {
                            border: none;
                        }
                        .detalle-evento p {
                            margin-bottom: 2rem;
                            font-size: 1.8rem;
                        }
                        .lista-invitados {
                            padding: 10px;
                            display: flex;
                            flex-wrap: wrap;
                        }
                        .lista-invitados li {
                            padding: 10px;
                        }
                        @media (min-width: 480px) {
                            .lista-invitados li {
                                width: 50%;
                            }
                        }
                        @media (min-width: 768px) {
                            .lista-invitados li {
                                width: 33.3%;
                            }
                        }
                        .invitado {
                            position: relative;
                        }
                        .invitado:hover {
                            transform: scale(1.1);
                            transition: all .3s ease-in-out;
                            margin: 10px;
                        }
                        .invitado img {
                            max-width: 100%;
                            filter: gray;
                            -webkit-filter: grayscale(1);
                        }
                        .invitado img:hover {
                            filter: gray;
                            -webkit-filter: grayscale(0);
                        }
                        .invitado p {
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            padding: 15px 10px;
                            margin: 0;
                            background-color: rgba(0, 0, 0, 0.5);
                            width: 100%;
                            font-family: 'Oswald', sans-serif;
                            font-size: 2rem;
                            font-weight: 700;
                            color: #fe4918;
                            text-transform: uppercase;
                            transition: all .5s ease-in-out;
                        }
                        .invitado:hover p {
                            bottom: -80px;
                            opacity: 0;
                        }
                        /* CONTADOR */
                        
                        .parallax::before {
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            top: 0;
                            left: 0;
                            background-repeat: no-repeat;
                            background-position: center center;
                            background-size: cover;
                            background-attachment: fixed;
                        }
                        .contador {
                            position: relative;
                            height: auto;
                        }
                        .contador::before {
                            background-image: url(../img/bg-resumen.jpg);
                            content: '';
                            filter: brightness(.8);
                        }
                        .resumen-evento {
                            position: relative;
                            padding: 60px 0;
                        }
                        .resumen-evento li {
                            width: 100%;
                            margin: 0 auto;
                            display: inline-flex;
                            justify-content: space-evenly;
                            text-transform: uppercase;
                            color: #fff;
                            font-size: 24px;
                            font-family: 'Oswald', sans-serif;
                            text-align: center;
                        }
                        .numero {
                            color: #fe4918;
                            font-size: 5rem !important;
                            margin: 0 0 10px 0;
                            display: block;
                            text-align: center !important;
                            font-weight: 900;
                        }
                        .lista-precios li {
                            margin-top: 10px;
                        }
                        @media (min-width: 768px) {
                            .lista-precios li {
                                display: flex;
                                justify-content: center;
                            }
                        }
                        .tabla-precio {
                            border: 1px solid #e1e1e1;
                            background-color: #fff;
                            padding: 10px 70px;
                            margin: 10px 20px;
                            text-align: center;
                            justify-content: space-between;
                            transition: all .3s ease-in-out;
                            border-radius: 10%;
                        }
                        .tabla-precio h3:first-child {
                            font-size: 1.3rem;
                        }
                        .tabla-precio:hover {
                            transform: scale(1.1);
                            border: 1px solid #fe4918;
                            box-shadow: 0px 0px 50px #666;
                        }
                        .tabla-precio ul li::before {
                            font-family: 'FontAwesome';
                            display: inline-block;
                            vertical-align: top;
                            padding: 0 5px;
                            color: green;
                            -webkit-font-smoothing: antialiased;
                            content: '\f00c';
                        }
                        .tabla-precio ul li {
                            font-family: 'PT Sans', sans-serif;
                            font-size: 14px;
                            margin-bottom: 15px;
                            text-transform: uppercase;
                            color: #868686;
                            line-height: 26px;
                        }
                        .tabla-precio {
                            font-family: 'Oswald', sans-serif;
                            font-size: 18px;
                            text-transform: uppercase;
                        }
                        .tabla-precio p {
                            color: #000;
                        }
                        /* MAPA */
                        
                        .mapa {
                            height: 420px;
                            background-color: #b3d4fc;
                        }
                        /* TESTIMONIALES */
                        
                        .testimoniales {
                            padding-bottom: 20px;
                        }
                        .testimonial {
                            padding: 5px;
                            clear: both;
                            display: flex;
                            margin-left: 20px;
                        }
                        @media (min-width: 768px) {
                            .testimoniales {
                                display: flex;
                            }
                        }
                        blockquote {
                            background-color: #fff;
                            border: 1px solid #e1e1e1;
                            position: relative;
                            margin: 0 0 10px 0;
                            padding-bottom: 20px;
                            width: 95%;
                        }
                        blockquote p {
                            text-align: justify;
                            font-family: 'PT Sans', sans-serif;
                            padding: 0 20px 0 65px;
                        }
                        blockquote p::before {
                            content: '\201c';
                            position: absolute;
                            left: 13px;
                            top: 8px;
                            font-size: 8rem;
                            margin: 0;
                            padding: 0;
                            line-height: 1;
                            color: #fe4918;
                        }
                        .info-testimonial {
                            padding: 0;
                            background-color: transparent;
                        }
                        .info-testimonial img {
                            float: left;
                            width: 20%;
                            border-radius: 50%;
                            margin-left: 15px;
                            text-align: left;
                        }
                        .info-testimonial cite {
                            color: #fe4918;
                            text-transform: uppercase;
                            font-size: 12px;
                            width: 70%;
                            padding-top: 20px;
                            font-weight: 700;
                            font-style: normal;
                            float: right;
                            margin-left: 5px;
                            line-height: 0;
                        }
                        .info-testimonial cite span {
                            color: #000;
                            text-align: left;
                            display: block;
                            text-transform: none;
                            line-height: 2;
                            padding-top: 10px;
                        }
                        .newsletter {
                            position: relative;
                            height: auto;
                        }
                        .newsletter::before {
                            background-image: url(../img/bg-newsletter.jpg);
                            content: '';
                        }
                        .newsletter .contenido {
                            padding: 100px 0;
                            color: #fff;
                            text-align: center;
                            position: relative;
                        }
                        .newsletter .contenido p {
                            font-size: 12px;
                            text-transform: lowercase;
                        }
                        .newsletter .contenido h3 {
                            color: #fff;
                            text-transform: uppercase;
                            font-size: 7vw;
                            font-family: 'PT Sans', sans-serif;
                        }
                        /* CUENTA REGRESIVA */
                        
                        .cuenta-regresiva ul li {
                            text-transform: uppercase;
                            font-size: 2rem;
                            font-family: 'Oswald', sans-serif;
                            text-align: center;
                        }
                        .cuenta-regresiva ul {
                            display: flex;
                            justify-content: space-evenly;
                        }
                        /* FOOTER */
                        
                        .site-footer {
                            background-color: #353535;
                            padding-top: 40px;
                            margin-top: 20px;
                        }
                        .fc {
                            color: #fff;
                            padding: 0px 20px;
                            font-size: 12px;
                            text-align: justify;
                        }
                        @media (min-width: 768px) {
                            .fc {
                                display: flex;
                                justify-content: space-evenly;
                            }
                        }
                        .fc h3 {
                            color: #fff;
                            font-family: 'Oswald', sans-serif;
                            margin-bottom: 20px;
                            text-align: center;
                        }
                        .fc span {
                            color: #fe4918;
                        }
                        .footer-information {
                            width: 25%;
                        }
                        .ultimos-tweets {
                            width: 40%;
                        }
                        footer .ultimos-tweets li {
                            margin-bottom: 10px;
                        }
                        .copyright {
                            color: #fff;
                            margin: 0;
                            text-align: center;
                            font-size: 20px;
                            padding: 10px 0;
                            margin-top: 20px;
                            background-color: #2e2e2e;
                            text-transform: uppercase;
                        }
                        /* INTERNAS
                        ==================================== */
                        /* REGISTRO */
                        
                        form.registro h3 {
                            text-align: center;
                            text-transform: uppercase;
                            margin: 20px 0 0 0;
                        }
                        form.registro label {
                            margin: 0 10px 5px 0;
                            font-weight: bold;
                        }
                        form.registro input {
                            border-radius: 5px;
                            border: 1px solid #ccc;
                        }
                        form.registro input::placeholder {
                            color: #fe4918;
                            text-align: center;
                            transition: all .3s ease;
                        }
                        form.registro input:hover::placeholder {
                            color: #f56b45;
                            font-weight: 700;
                        }
                        h4 {
                            text-align: center;
                            text-transform: uppercase;
                            border-bottom: 2px solid #fe4918;
                            padding-bottom: 10px;
                            font-size: 1.2em;
                        }
                        div.caja {
                            background-color: white;
                            border: 1px solid #e1e1e1;
                            padding: 10px;
                            margin: 10px;
                        }
                        div.campo {
                            padding: 20px;
                        }
                        @media (min-width: 768px) {
                            div.campo {
                                float: left;
                                width: 33.3%;
                            }
                        }
                        .paquetes .tabla-precio:hover {
                            transform: none;
                            box-shadow: none;
                        }
                        .paquetes .tabla-precio input {
                            clear: both;
                            width: 50px;
                            margin: 10px auto 0 auto;
                            display: block;
                        }
                        .contenido-dia {
                            padding: 20px;
                            /* Display: none */
                        }
                        @media (min-width: 768px) {
                            .contenido-dia>div {
                                float: left;
                                width: 33.3%
                            }
                        }
                        .contenido-dia>div p {
                            text-align: left;
                        }
                        .contenido-dia>div label {
                            display: block;
                            margin-bottom: 10px;
                        }
                        .contenido-dia>div input {
                            margin-right: 10px;
                            padding: 40px;
                        }
                        .contenido-dia>div label time {
                            color: #fe4918;
                            font-weight: bold;
                        }
                        /* RESUMEN  DE REGISTRO */
                        
                        .resumen p {
                            font-size: 1.2rem;
                            text-transform: uppercase;
                            font-weight: bold;
                        }
                        .resumen .extras {
                            float: left;
                            width: 50%;
                            padding: 30px;
                        }
                        div.extras div.orden {
                            text-align: left;
                            margin-bottom: 10px;
                            font-size: 1.6rem;
                        }
                        div.extras div.orden input, #regalo {
                            margin: 10px 0 0 0;
                        }
                        .resumen .total {
                            float: right;
                            width: 50%;
                            padding: 30px;
                        }
                        #lista-productos, #suma-total {
                            text-align: center;
                            font-weight: 700;
                            font-size: 1.8rem;
                            color: #fe4918;
                        }
                        .total p {
                            font-size: 2rem;
                            text-align: center;
                        }
                        .resumen input {
                            display: block;
                            margin: 10px auto;
                        }
                        #suma-total {
                            color: #15d636;
                        }
                        /* ================================================= */
                        
                        * Hide visually and from screen readers */ .hidden {
                            display: none !important;
                        }
                        /*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
                        
                        .sr-only {
                            border: 0;
                            clip: rect(0, 0, 0, 0);
                            height: 1px;
                            margin: -1px;
                            overflow: hidden;
                            padding: 0;
                            position: absolute;
                            white-space: nowrap;
                            width: 1px;
                            /* 1 */
                        }
                        /*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
                        
                        .sr-only.focusable:active, .sr-only.focusable:focus {
                            clip: auto;
                            height: auto;
                            margin: 0;
                            overflow: visible;
                            position: static;
                            white-space: inherit;
                            width: auto;
                        }
                        /*
* Hide visually and from screen readers, but maintain layout
*/
                        
                        .invisible {
                            visibility: hidden;
                        }
                        /*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
                        
                        .clearfix:before, .clearfix:after {
                            content: " ";
                            /* 1 */
                            display: table;
                            /* 2 */
                        }
                        .clearfix:after {
                            clear: both;
                        }
                        /* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
                        
                        @media only screen and (min-width: 35em) {
                            /* Style adjustments for viewports that meet the condition */
                        }
                        @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
                            /* Style adjustments for high resolution devices */
                        }
                        /* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
                        
                        @media print {
                            *, *:before, *:after {
                                background: transparent !important;
                                color: #000 !important;
                                /* Black prints faster */
                                box-shadow: none !important;
                                text-shadow: none !important;
                            }
                            a, a:visited {
                                text-decoration: underline;
                            }
                            a[href]:after {
                                content: " (" attr(href) ")";
                            }
                            abbr[title]:after {
                                content: " (" attr(title) ")";
                            }
                            /*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
                            a[href^="#"]:after, a[href^="javascript:"]:after {
                                content: "";
                            }
                            pre {
                                white-space: pre-wrap !important;
                            }
                            pre, blockquote {
                                border: 1px solid #999;
                                page-break-inside: avoid;
                            }
                            /*
* Printing Tables:
* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
*/
                            thead {
                                display: table-header-group;
                            }
                            tr, img {
                                page-break-inside: avoid;
                            }
                            p, h2, h3 {
                                orphans: 3;
                                widows: 3;
                            }
                            h2, h3 {
                                page-break-after: avoid;
                            }
                        }