| Server IP : 74.208.250.37 / Your IP : 216.73.216.114 Web Server : Apache/2.4.58 (Ubuntu) System : Linux ubuntu 6.8.0-124-generic #124-Ubuntu SMP PREEMPT_DYNAMIC Tue May 26 13:00:45 UTC 2026 x86_64 User : miferval ( 1000) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/alexvillarreal/wp-content/themes/alex-villarreal/ |
Upload File : |
@charset "UTF-8";
/*
Theme Name: Alex Villarreal Site
Theme URI: http://alexvillarreal.com
Author: Nett
Author URI: http://nett.mx/
Description: Tema para el sitio de Alex Villarreal
Version: 1.0
*/
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
* 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,
button,
input,
select,
textarea {
color: #222; }
html {
font-size: 1em;
line-height: 1.4; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* 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 images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
vertical-align: middle; }
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0; }
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical; }
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
/* ==========================================================================
Author's custom styles
========================================================================== */
/* --------------------------------- SASS -------------------------------- */
/* ----------------------------- TIPOGRAFÍAS ------------------------------ */
.frase-texto-part-2, .titulo-seccion, .titulo-seccion-home, .letra-mascara h1,
.contenedor-cifras h1 {
font-family: "futura-pt",sans-serif;
font-weight: 800;
font-style: normal; }
#menu-bar-alexV a, .menu-alexV a, .frase-texto-part-1, .autor-alexV, footer, .categorias,
.titulo-secundario, .btn-simple, .cuadro-titulo, .hero-titulo-detalle, .categorias-mas-info,
.menu-opciones-detalle, .info-newsletter h1, .btn-enviar-correo, .btn-gradiante,
.form-contacto-alexV .control-label, .btn-contacto-enviar, .autor-nombre, .age-postal {
font-family: "futura-pt",sans-serif;
font-weight: 700;
font-style: normal; }
#menu-bar-alexV span, .cuadro-categoria, .descripcion-hero-detalle, .info span {
font-family: "futura-pt",sans-serif;
font-weight: 500;
font-style: normal; }
.alexV-copy span, .btn-odisea span, .descripcion-mas-info, .info-newsletter p, #input-correo,
.contenedor-btn p, .titulo-seccion span, .autor-bio {
font-family: "futura-pt",sans-serif;
font-weight: 400;
font-style: normal; }
.info-hero-home {
font-family: "futura-pt",sans-serif;
font-weight: 300;
font-style: normal; }
.descripcion-conferencia, .cuadro-resumen, .contenido-detalle, .info-contacto, .texto-bio-home,
.contenedor-cifras p {
font-family: "ff-tisa-web-pro",serif;
font-weight: 400;
font-style: normal; }
.info-cuadro-home, .intro-cumbre {
font-family: "ff-tisa-web-pro",serif;
font-weight: 400;
font-style: italic; }
/* ------------------------------- GENERAL ------------------------------- */
p {
margin: 30px 0px; }
p:first-child {
margin-top: 0px; }
p:last-child {
margin-bottom: 0px; }
a, a:hover, a:focus, a:active {
text-decoration: none; }
button {
background: transparent;
border: none; }
a {
-o-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s; }
button:focus, input:focus {
outline: none; }
/* Imágenes
Prevenir que las imágenes sean mayores al contenedor
NOTA: CAMBIAR CLASE DEL CONTENEDOR; */
.page-content img {
max-width: 100%;
height: auto; }
/* Evitar que links largos rompan los contenedores
NOTA: Ser lo más específico que se pueda; */
.page-content a {
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; }
.CLASE-FORMULARIO .form-control {
-webkit-appearance: none; }
.form-contacto-alexV .ajax-loader {
width: 20px;
left: 0;
right: 0;
margin: 0 auto !important;
position: absolute;
bottom: -10px;
background-image: url("img/loader.gif") !important;
-o-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-webkit-background-size: 15px 15px;
background-size: 15px 15px;
background-repeat: no-repeat;
background-position: center; }
.form-contacto-alexV .wpcf7-mail-sent-ok {
margin: 0;
margin-bottom: 20px;
text-align: center;
padding: 21px 0 17px;
background-color: #fff;
border: 1px solid #585d6a;
background-color: rgba(172, 223, 45, 0); }
.form-contacto-alexV .wpcf7-mail-sent-ok:before {
margin-right: 10px;
content: '';
width: 18px;
height: 18px;
display: inline-block;
vertical-align: top;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("img/icon-contacto-ok.png"); }
.form-contacto-alexV .wpcf7-validation-errors {
margin: 0;
margin-bottom: 20px;
text-align: center;
padding: 21px 0 17px;
background-color: #fff;
border: 1px solid #f80000;
background-color: rgba(239, 11, 11, 0); }
.form-contacto-alexV .wpcf7-validation-errors:before {
margin-right: 10px;
content: '';
width: 18px;
height: 18px;
display: inline-block;
vertical-align: top;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("img/icon-contacto-error.png"); }
.form-contacto-alexV .wpcf7-not-valid-tip {
display: none; }
.wrapper-page {
padding-top: 65px;
width: 100%;
display: inline-block;
background-color: #E3E3E3;
background-repeat: no-repeat;
background-position: 50% 0%;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; }
.hero-alexV {
height: 100vh;
min-height: 500px;
background-color: #606F84;
background-repeat: no-repeat;
background-position: center;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; }
.parallax .hero-alexV {
background-attachment: none; }
.overlay-hero {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.2; }
.overlay-hero-home {
z-index: 10;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7) 0%, transparent 36%);
background: -o-linear-gradient(rgba(0, 0, 0, 0.7) 0%, transparent 36%);
background: -moz-linear-gradient(rgba(0, 0, 0, 0.7) 0%, transparent 36%);
background: linear-gradient(rgba(0, 0, 0, 0.7) 0%, transparent 36%);
/* background: radial-gradient(circle at top right, rgba(0, 0, 0, 0.8) 0%, transparent 50%);
background: radial-gradient(circle at top left, rgba(0, 0, 0, 0.8) 0%, transparent 50%); */ }
.ie9 .btn-gradiante {
border: 4px solid #92A0BB; }
.btn-gradiante {
padding: 15px 0;
color: #899EAE;
display: inline-block;
min-width: 280px;
width: 100%;
font-size: 14px;
line-height: 16px;
letter-spacing: 2px;
text-transform: uppercase;
border-top: 4px solid #92A0BB;
border-bottom: 4px solid #C6BCC4;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92A0BB), to(#C6BCC4));
background-image: -webkit-linear-gradient(#92A0BB, #C6BCC4);
background-image: -moz-linear-gradient(#92A0BB, #C6BCC4), -moz-linear-gradient(#92A0BB, #C6BCC4);
background-image: -o-linear-gradient(#92A0BB, #C6BCC4), -o-linear-gradient(#92A0BB, #C6BCC4);
background-image: linear-gradient(#92A0BB, #C6BCC4), linear-gradient(#92A0BB, #C6BCC4);
-moz-background-size: 4px 100%;
background-size: 4px 100%;
background-position: 0 0, 100% 0;
background-repeat: no-repeat; }
.btn-gradiante:hover, .btn-gradiante:focus, .btn-gradiante:active {
color: #fff;
background-color: #92A0BB;
border-bottom: 4px solid #92A0BB;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92A0BB), to(#92A0BB));
background-image: -webkit-linear-gradient(#92A0BB, #92A0BB);
background-image: -moz-linear-gradient(#92A0BB, #92A0BB), -moz-linear-gradient(#92A0BB, #92A0BB);
background-image: -o-linear-gradient(#92A0BB, #92A0BB), -o-linear-gradient(#92A0BB, #92A0BB);
background-image: linear-gradient(#92A0BB, #92A0BB), linear-gradient(#92A0BB, #92A0BB);
-moz-background-size: 4px 100%;
background-size: 4px 100%;
background-position: 0 0, 100% 0;
background-repeat: no-repeat; }
.btn-gradiante:before, .btn-gradiante:after {
content: '';
position: absolute;
width: 260px;
height: 5px;
opacity: .2;
display: none;
background-color: #91A0BB;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.btn-gradiante:before {
left: 0; }
.btn-gradiante:after {
right: 0; }
/* ------------------------- MÁRGENES Y PADDINGS ------------------------- */
.pd-70 {
padding-top: 70px; }
.pd-190 {
padding-top: 190px; }
/* ------------------------- HEADER ------------------------- */
/* //alejar
.efecto-borde-acercar a:before,
.efecto-borde-acercar a:after {
@include borde_animacion_acercar(30px,1px,$color_menu_item_dark);
}
.efecto-borde-acercar a:before {
top: 0;
@include movimiento_vertical(-10px);
}
.efecto-borde-acercar a:after {
bottom: 0;
@include movimiento_vertical(10px);
}
.efecto-borde-acercar a:hover::before,
.efecto-borde-acercar a:focus::before,
.efecto-borde-acercar a.active::before,
.efecto-borde-acercar a:hover::after,
.efecto-borde-acercar a:focus::after,
.efecto-borde-acercar a.active::after {
opacity: .5;
@include movimiento_vertical(0px);
}
//acercar
.efecto-borde-alejar a:before,
.efecto-borde-alejar a:after {
@include borde_animacion_acercar(30px,1px,$color_menu_item_dark);
}
.efecto-borde-alejar a:before {
top: 0;
@include movimiento_vertical(10px);
}
.efecto-borde-alejar a:after {
bottom: 0;
@include movimiento_vertical(-10px);
}
.efecto-borde-alejar a:hover::before,
.efecto-borde-alejar a:focus::before,
.efecto-borde-alejar a.active::before,
.efecto-borde-alejar a:hover::after,
.efecto-borde-alejar a:focus::after,
.efecto-borde-alejar a.active::after {
opacity: .5;
@include movimiento_vertical(0px);
}
//rotacion
.efecto-borde-rotar a:before,
.efecto-borde-rotar a:after {
@include borde_animacion_cambio_direccion(30px,1px,$color_menu_item_dark);
}
.efecto-borde-rotar a:before {
top: 0;
left: 0;
@include mov_rotacion_90grados(0, 0);
}
.efecto-borde-rotar a:after {
bottom: 0;
right: 0;
@include mov_rotacion_90grados(100%, 0);
}
.efecto-borde-rotar a:hover::before,
.efecto-borde-rotar a:focus::before,
.efecto-borde-rotar a.active::before,
.efecto-borde-rotar a:hover::after,
.efecto-borde-rotar a:focus::after,
.efecto-borde-rotar a.active::after {
opacity: .5;
}
.efecto-borde-rotar a:hover::before,
.efecto-borde-rotar a:focus::before,
.efecto-borde-rotar a.active::before {
left: 50%;
@include mov_rotacion_cero(-50%);
}
.efecto-borde-rotar a:hover::after,
.efecto-borde-rotar a:focus::after,
.efecto-borde-rotar a.active::after {
right: 50%;
@include mov_rotacion_cero(50%);
} */
.menu-alexV-home {
padding: 15px 0 15px;
z-index: 20;
position: absolute;
width: 100%;
border-bottom: 1px solid rgba(242, 242, 242, 0.1); }
.menu-alexV-home .container-fluid {
max-width: 1280px; }
.menu-alexV-home .navbar-header {
line-height: 0; }
.menu-alexV-home .efecto-borde-alejar a:before,
.menu-alexV-home .efecto-borde-alejar a:after {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
width: 30px;
height: 1px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px); }
.menu-alexV-home .efecto-borde-alejar a:before {
top: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px); }
.menu-alexV-home .efecto-borde-alejar a:after {
bottom: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px); }
.menu-alexV-home .efecto-borde-alejar a:hover::before,
.menu-alexV-home .efecto-borde-alejar a:focus::before,
.menu-alexV-home .efecto-borde-alejar a.active::before,
.menu-alexV-home .efecto-borde-alejar a:hover::after,
.menu-alexV-home .efecto-borde-alejar a:focus::after,
.menu-alexV-home .efecto-borde-alejar a.active::after {
opacity: .8;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px); }
.menu-alexV-home #menu-bar-alexV .btn-menu-contacto:before, .menu-alexV-home #menu-bar-alexV .btn-menu-contacto:after {
position: absolute;
content: '';
width: 100%;
height: 0px;
left: 0px;
opacity: 0;
background-color: #fff;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s; }
.menu-alexV-home #menu-bar-alexV .btn-menu-contacto:before {
top: 0px; }
.menu-alexV-home #menu-bar-alexV .btn-menu-contacto:after {
bottom: 0px; }
.menu-alexV-home #menu-bar-alexV .btn-menu-contacto {
border: 1px solid rgba(255, 255, 255, 0.2); }
.menu-alexV-home #menu-bar-alexV .btn-menu-contacto:hover:before, .menu-alexV-home #menu-bar-alexV .btn-menu-contacto:focus:before, .menu-alexV-home #menu-bar-alexV .btn-menu-contacto:active:before, .menu-alexV-home #menu-bar-alexV .btn-menu-contacto:hover:after, .menu-alexV-home #menu-bar-alexV .btn-menu-contacto:focus:after, .menu-alexV-home #menu-bar-alexV .btn-menu-contacto:active:after {
height: 100%;
opacity: .1; }
.menu-alexV-home #menu-modal-alexV ul li {
margin-bottom: 10px; }
.menu-alexV-home #menu-modal-alexV ul li a {
color: #fff; }
.menu-alexV-home #menu-modal-alexV a {
font-size: 14px;
line-height: 16px;
text-transform: uppercase; }
.menu-alexV-home #menu-modal-alexV a:hover, .menu-alexV-home #menu-modal-alexV a:focus, .menu-alexV-home #menu-modal-alexV a.active {
background-color: transparent; }
.menu-alexV-home #menu-modal-alexV span {
font-size: 9px;
line-height: 18px;
letter-spacing: 1px;
opacity: 0.8; }
.menu-alexV-home #menu-modal-alexV .btn-menu-contacto:before, .menu-alexV-home #menu-modal-alexV .btn-menu-contacto:after {
position: absolute;
content: '';
width: 100%;
height: 0px;
left: 0px;
opacity: 0;
background-color: #585D6A;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s; }
.menu-alexV-home #menu-modal-alexV .btn-menu-contacto:before {
top: 0px; }
.menu-alexV-home #menu-modal-alexV .btn-menu-contacto:after {
bottom: 0px; }
.menu-alexV-home #menu-modal-alexV .btn-menu-contacto {
border: 1px solid rgba(255, 255, 255, 0.2); }
.menu-alexV-home #menu-modal-alexV .btn-menu-contacto:hover:before, .menu-alexV-home #menu-modal-alexV .btn-menu-contacto:focus:before, .menu-alexV-home #menu-modal-alexV .btn-menu-contacto:active:before, .menu-alexV-home #menu-modal-alexV .btn-menu-contacto:hover:after, .menu-alexV-home #menu-modal-alexV .btn-menu-contacto:focus:after, .menu-alexV-home #menu-modal-alexV .btn-menu-contacto:active:after {
height: 100%;
opacity: .1; }
.menu-alexV-home #menu-modal-alexV .modal-body {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%; }
.menu-alexV-home #menu-modal-alexV .modal-content {
position: relative;
border: none;
box-shadow: none; }
.menu-alexV-home #menu-modal-alexV .fullscreen .modal-body ul {
padding: 0; }
.menu-alexV-home .tc-navbar .navbar-nav {
margin: 0; }
.menu-alexV-home #menu-modal-alexV.modal.fade .modal-dialog {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; }
.menu-alexV-home #menu-modal-alexV.fullscreen .modal-dialog {
margin: 0;
width: 100%;
height: 100%;
min-height: 100%;
padding: 0; }
.menu-alexV-home #menu-modal-alexV.fullscreen .modal-content {
height: 100%;
min-height: 100%;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.95); }
.alexV-logo {
margin-left: 20px;
width: 130px;
height: 50px;
display: inline-block;
background-image: url("img/alexv-logo.png");
background-repeat: no-repeat;
background-position: center;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain; }
.btn-mostrar-menu-mob {
margin: 13px 15px 0 0;
z-index: 2000; }
.tcon-menu__lines,
.tcon-menu__lines::before,
.tcon-menu__lines::after {
border-radius: 0;
width: 40px;
height: 2px;
background-color: #fff; }
#menu-bar-alexV {
border: 0px;
box-shadow: none; }
#menu-bar-alexV ul {
padding: 0 15px; }
#menu-bar-alexV ul li {
text-align: center; }
#menu-bar-alexV ul li a {
padding: 15px 25px 12px;
color: #fff;
font-size: 11px;
line-height: 13px;
letter-spacing: 1px;
text-transform: uppercase; }
#menu-bar-alexV ul li a:hover, #menu-bar-alexV ul li a:focus, #menu-bar-alexV ul li a.active {
background-color: transparent; }
#menu-bar-alexV ul li span {
font-size: 9px;
line-height: 18px;
letter-spacing: 1px;
opacity: 0.8; }
#menu-bar-alexV .btn-menu-contacto:before, #menu-bar-alexV .btn-menu-contacto:after {
position: absolute;
content: '';
width: 100%;
height: 0px;
left: 0px;
opacity: 0;
background-color: #fff;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s; }
#menu-bar-alexV .btn-menu-contacto:before {
top: 0px; }
#menu-bar-alexV .btn-menu-contacto:after {
bottom: 0px; }
#menu-bar-alexV .btn-menu-contacto {
border: 1px solid rgba(88, 93, 106, 0.6); }
#menu-bar-alexV .btn-menu-contacto:hover:before, #menu-bar-alexV .btn-menu-contacto:focus:before, #menu-bar-alexV .btn-menu-contacto:active:before, #menu-bar-alexV .btn-menu-contacto:hover:after, #menu-bar-alexV .btn-menu-contacto:focus:after, #menu-bar-alexV .btn-menu-contacto:active:after {
height: 100%;
opacity: .09; }
.modal-backdrop {
background-color: transparent !important;
display: none; }
.menu-alexV {
position: absolute;
background-color: #E3E3E3;
border-bottom: 1px solid rgba(88, 93, 106, 0.07); }
.menu-alexV .alexV-logo {
background-image: url("img/alexv-logo-black.png"); }
.menu-alexV .efecto-borde-alejar a:before,
.menu-alexV .efecto-borde-alejar a:after {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
width: 30px;
height: 1px;
background: #585D6A;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px); }
.menu-alexV .efecto-borde-alejar a:before {
top: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px); }
.menu-alexV .efecto-borde-alejar a:after {
bottom: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px); }
.menu-alexV .efecto-borde-alejar a:hover::before,
.menu-alexV .efecto-borde-alejar a:focus::before,
.menu-alexV .efecto-borde-alejar a.active::before,
.menu-alexV .efecto-borde-alejar a:hover::after,
.menu-alexV .efecto-borde-alejar a:focus::after,
.menu-alexV .efecto-borde-alejar a.active::after {
opacity: .5;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px); }
.menu-alexV .tcon-menu__lines,
.menu-alexV .tcon-menu__lines::before,
.menu-alexV .tcon-menu__lines::after {
border-radius: 0;
background-color: #585D6A; }
.menu-alexV #menu-modal-alexV ul li {
margin-bottom: 10px; }
.menu-alexV #menu-modal-alexV ul li a {
color: #585D6A; }
.menu-alexV #menu-modal-alexV a {
font-size: 14px;
line-height: 16px;
text-transform: uppercase; }
.menu-alexV #menu-modal-alexV a:hover, .menu-alexV #menu-modal-alexV a:focus, .menu-alexV #menu-modal-alexV a.active {
background-color: transparent; }
.menu-alexV #menu-modal-alexV span {
font-size: 9px;
line-height: 18px;
letter-spacing: 1px;
opacity: 0.8; }
.menu-alexV #menu-modal-alexV .btn-menu-contacto:before, .menu-alexV #menu-modal-alexV .btn-menu-contacto:after {
position: absolute;
content: '';
width: 100%;
height: 0px;
left: 0px;
opacity: 0;
background-color: #585D6A;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s; }
.menu-alexV #menu-modal-alexV .btn-menu-contacto:before {
top: 0px; }
.menu-alexV #menu-modal-alexV .btn-menu-contacto:after {
bottom: 0px; }
.menu-alexV #menu-modal-alexV .btn-menu-contacto {
border: 1px solid rgba(88, 93, 106, 0.2); }
.menu-alexV #menu-modal-alexV .btn-menu-contacto:hover:before, .menu-alexV #menu-modal-alexV .btn-menu-contacto:focus:before, .menu-alexV #menu-modal-alexV .btn-menu-contacto:active:before, .menu-alexV #menu-modal-alexV .btn-menu-contacto:hover:after, .menu-alexV #menu-modal-alexV .btn-menu-contacto:focus:after, .menu-alexV #menu-modal-alexV .btn-menu-contacto:active:after {
height: 100%;
opacity: .1; }
.menu-alexV #menu-modal-alexV .modal-body {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%; }
.menu-alexV #menu-modal-alexV .modal-content {
position: relative;
border: none;
box-shadow: none; }
.menu-alexV #menu-modal-alexV .fullscreen .modal-body ul {
padding: 0; }
.menu-alexV .tc-navbar .navbar-nav {
margin: 0; }
.menu-alexV #menu-modal-alexV.modal.fade .modal-dialog {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; }
.menu-alexV #menu-modal-alexV.fullscreen .modal-dialog {
margin: 0;
width: 100%;
height: 100%;
min-height: 100%;
padding: 0; }
.menu-alexV #menu-modal-alexV.fullscreen .modal-content {
height: 100%;
min-height: 100%;
border-radius: 0;
background-color: #E3E3E3; }
.menu-alexV #menu-bar-alexV ul li a {
color: #585D6A; }
.menu-alexV #menu-bar-alexV .btn-menu-contacto:before, .menu-alexV #menu-bar-alexV .btn-menu-contacto:after {
position: absolute;
content: '';
width: 100%;
height: 0px;
left: 0px;
opacity: 0;
background-color: #585D6A;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s; }
.menu-alexV #menu-bar-alexV .btn-menu-contacto:before {
top: 0px; }
.menu-alexV #menu-bar-alexV .btn-menu-contacto:after {
bottom: 0px; }
.menu-alexV #menu-bar-alexV .btn-menu-contacto {
border: 1px solid rgba(88, 93, 106, 0.2); }
.menu-alexV #menu-bar-alexV .btn-menu-contacto:hover:before, .menu-alexV #menu-bar-alexV .btn-menu-contacto:focus:before, .menu-alexV #menu-bar-alexV .btn-menu-contacto:active:before, .menu-alexV #menu-bar-alexV .btn-menu-contacto:hover:after, .menu-alexV #menu-bar-alexV .btn-menu-contacto:focus:after, .menu-alexV #menu-bar-alexV .btn-menu-contacto:active:after {
height: 100%;
opacity: .1; }
/* ------------------------- HOME ------------------------- */
#slider-alex .item {
display: block;
width: 100%;
height: 100vh;
background-repeat: no-repeat;
background-position: center;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; }
#slider-alex .item .info-detalle-hero {
max-width: 440px;
z-index: 15; }
#slider-alex .item .pos-derecha {
text-align: center;
left: 0; }
#slider-alex .item .pos-izquierda {
text-align: center;
right: 0; }
#slider-alex .item .info-dark {
color: #585D6A; }
#slider-alex .item .info-dark .btn-simple {
color: #585D6A;
border: 4px solid rgba(78, 93, 113, 0.2); }
#slider-alex .item .info-dark .btn-simple:hover {
border: 4px solid #fff; }
.info-hero-home {
padding: 0 10px;
margin-bottom: 15px;
font-size: 30px;
line-height: 40px;
letter-spacing: auto;
text-transform: none; }
@keyframes bounceFlecha {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0); }
40% {
transform: translateY(-15px); }
60% {
transform: translateY(-5px); } }
.flecha-hero {
z-index: 2;
position: absolute;
display: inline-block;
opacity: 0.8;
width: 24px;
height: 40px;
bottom: 30px;
background-repeat: no-repeat;
background-position: center;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
text-align: center;
margin: auto;
right: 0;
left: 0;
background-image: url("img/flecha-abajo.png");
animation: bounceFlecha 2s infinite; }
.flecha-hero:hover {
opacity: 1; }
.contenedor-bio-home {
padding: 40px 0 60px 0;
background-color: #3D4353;
background-color: #333C4E;
background-repeat: no-repeat;
background-position: center;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; }
.contenedor-bio-home .pretty-embed:after {
width: 71px;
height: 71px;
background-image: url("img/icono-play-video@2x.png");
text-align: center;
margin: auto;
right: 0;
left: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s; }
.contenedor-bio-home .pretty-embed:hover:after {
background-image: url("img/icono-play-video@2x.png"); }
.contenedor-bio-home .btn-gradiante {
padding-left: 15px;
padding-right: 15px;
min-width: 130px;
width: auto;
color: #fff;
font-size: 14px;
line-height: 16px;
letter-spacing: 1px;
text-transform: uppercase; }
.contenedor-bio-home .btn-gradiante:before, .contenedor-bio-home .btn-gradiante:after {
display: none; }
.texto-bio-home {
margin-bottom: 40px;
color: #4E5D71;
font-size: 22px;
line-height: 31px;
letter-spacing: 1px;
text-transform: none; }
.home-video-container {
margin-bottom: 60px;
box-shadow: 0px 34px 17px -27px rgba(0, 0, 0, 0.7); }
.home-video-container iframe {
display: inherit; }
.contenedor-cifras {
margin-bottom: 0px; }
.contenedor-cifras h1 {
margin: 0;
font-size: 90px;
line-height: 70px;
letter-spacing: -5px;
color: #fff;
display: inline-block;
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(img/caratula-video.jpg) repeat 19% 54%;
background: -o-linear-gradient(transparent, transparent);
background: -moz-linear-gradient(transparent, transparent);
-webkit-background-clip: text; }
.contenedor-cifras h1:after {
content: '';
width: 0;
height: 0;
position: absolute;
right: 0px;
border-bottom: 0px solid #333C4E;
border-left: 0px solid transparent; }
.contenedor-cifras h1:before {
content: "";
opacity: .2;
width: 0px;
right: 0px;
position: relative;
border-top: 1px solid #fff;
transform: rotate(117deg);
transform-origin: 0% 0%; }
.contenedor-cifras div:nth-child(2) h1:before {
right: -105px; }
.contenedor-cifras div:nth-child(2) h1:after {
right: 55px; }
.contenedor-cifras div:nth-child(2) h1 {
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(img/caratula-video.jpg) repeat 45% 64%;
background: -o-linear-gradient(transparent, transparent);
background: -moz-linear-gradient(transparent, transparent);
-webkit-background-clip: text; }
.contenedor-cifras div:nth-child(3) h1:before {
right: -150px; }
.contenedor-cifras div:nth-child(3) h1:after {
right: 10px; }
.contenedor-cifras div:nth-child(3) h1 {
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(img/caratula-video.jpg) repeat 97% 35%;
background: -o-linear-gradient(transparent, transparent);
background: -moz-linear-gradient(transparent, transparent);
-webkit-background-clip: text; }
.contenedor-cifras div {
margin-bottom: 30px; }
.contenedor-cifras p {
margin-top: 0px;
font-size: 16px;
color: #7CAADF; }
.titulo-seccion-home {
margin-top: 0;
margin-bottom: 30px;
color: #fff;
display: inline-block;
font-size: 30px;
line-height: 38px;
letter-spacing: 2px;
text-transform: uppercase; }
.titulo-seccion-home:before, .titulo-seccion-home:after {
content: '';
width: 99%;
height: 3px;
display: block;
background-color: #fff; }
.titulo-seccion-home:before {
margin-bottom: 10px; }
.titulo-seccion-home:after {
margin-top: 10px; }
.contenedor-testimoniales-home {
padding-top: 30px;
background-color: #C1BBBB; }
.contenedor-testimoniales-home .titulo-seccion-home {
color: #585D6A; }
.contenedor-testimoniales-home .titulo-seccion-home:before, .contenedor-testimoniales-home .titulo-seccion-home:after {
background-color: #585D6A; }
.contenedor-cuadros-home {
background-image: url("img/fondo-cuadros-home.jpg");
background-repeat: no-repeat;
background-position: center;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; }
.contenedor-cuadros-home:after {
content: '';
clear: both;
display: block; }
.cuadro-home {
width: 100%;
height: 100vw;
position: relative;
float: left; }
.cuadro-home .overlay-1 {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #5C6A81;
opacity: 1; }
.cuadro-home .overlay-2 {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #B1D0CD;
opacity: 1; }
.cuadro-home .overlay-3 {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #CEC7BA;
opacity: 1; }
.cuadro-home .overlay-5 {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #333C4E;
opacity: 0.6; }
.cuadro-home .overlay-6 {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #4E5C6F;
opacity: 0.4; }
.contenedor-info-cuadro {
padding: 5%;
position: absolute;
bottom: 0;
width: 100%; }
.info-cuadro-home {
color: #fff;
position: relative;
margin-bottom: 5px; }
.letra-mascara h1 {
margin: 0;
color: #fff;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(img/fondo-cuadro-texto.jpg) repeat 10% 80%;
background: -o-linear-gradient(transparent, transparent);
background: -moz-linear-gradient(transparent, transparent);
-webkit-background-clip: text; }
.autor-contenedor {
display: inline-block;
color: rgba(255, 255, 255, 0.7);
position: relative; }
.autor-contenedor img {
max-width: 100%;
border-radius: 50%; }
.autor-contenedor h4, .autor-contenedor p {
margin-top: 0; }
.autor-contenedor h4 {
margin-bottom: 2px; }
.autor-contenedor p {
margin-bottom: 3px; }
.img-contenedor, .autor-info {
display: inline-block;
float: left; }
.img-contenedor {
width: 60px;
height: 60px;
margin-right: 10px; }
.autor-info {
padding-top: 11px; }
.autor-nombre {
margin-bottom: 2px;
color: #fff;
font-size: 14px;
line-height: 17px;
text-transform: uppercase; }
.autor-bio {
font-size: 11px;
line-height: 14px;
text-transform: uppercase; }
.btn-top, #btn-cumbre {
z-index: 10;
width: 74px;
height: 74px;
padding: 10px;
text-decoration: none;
position: fixed;
bottom: 75px;
right: 40px;
opacity: 0;
border-radius: 2px;
border: 1px solid rgba(151, 151, 151, 0.4);
background-color: #fafafa;
background-image: url("img/icono-top.png");
background-repeat: no-repeat;
background-position: center;
background-size: 48px 39px; }
/* ------------------------- CONFERENCIAS ------------------------- */
.titulo-seccion {
z-index: 1;
margin-top: 60px;
margin-bottom: 60px;
line-height: 54px;
letter-spacing: 1px;
position: relative;
text-transform: uppercase;
color: #585D6A; }
.titulo-seccion span {
font-size: 16px;
line-height: 16px;
letter-spacing: 3px;
text-transform: uppercase; }
.titulo-seccion:after {
content: '';
width: 35px;
height: 6px;
background-color: #585D6A;
display: block;
margin: 0 auto; }
.nota-principal {
width: 100%;
position: relative; }
.nota-principal:after {
content: '';
clear: both;
display: block; }
.marco-verde {
position: absolute;
width: 90vw;
height: 95%;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
margin: auto;
right: 0;
left: 0;
border: 10px solid rgba(34, 132, 148, 0.4); }
.img-nota-principal {
width: 100%;
height: 100vw;
float: left;
display: inline-block;
background-color: #ccc;
background-repeat: no-repeat;
background-position: center;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; }
.info-nota-principal {
padding: 30px 0 60px;
width: 100%;
height: auto;
float: left;
position: relative;
display: inline-block;
background-color: #333C4E; }
.info {
padding: 0 40px;
z-index: 15;
width: auto;
text-align: center;
position: absolute;
top: 0%;
-ms-transform: translateY(0%);
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);
text-align: center;
margin: auto;
right: 0;
left: 0;
position: relative; }
.info span {
color: #fff;
font-size: 10px;
line-height: 11px;
letter-spacing: 1px;
text-transform: uppercase;
opacity: .6; }
.categorias {
margin-bottom: 15px;
color: #fff;
font-size: 10px;
line-height: 11px;
letter-spacing: 1px;
text-transform: uppercase;
opacity: .6; }
.categorias a {
color: #fff;
pointer-events: none; }
.titulo-secundario {
margin-bottom: 10px;
color: #fff;
font-size: 27px;
line-height: 36px;
text-transform: uppercase; }
.descripcion-conferencia {
margin-bottom: 23px;
padding: 0 10px;
color: #fff;
opacity: .5;
font-size: 14px;
line-height: 22px; }
.btn-simple {
padding-top: 14px;
color: #fff;
min-width: 154px;
padding-left: 20px;
padding-right: 20px;
height: 51px;
letter-spacing: 1px;
display: inline-block;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
border: 4px solid rgba(249, 251, 250, 0.2); }
.btn-simple:hover, .btn-simple:focus, .btn-simple:active {
color: #585D6A;
background-color: #f9fbfa; }
.contenedor-cuadros {
width: 100%;
position: relative;
background-color: #D8D3D7; }
.contenedor-cuadros:after {
content: '';
clear: both;
display: block; }
.contenedor-imagen-cuadro {
overflow: none; }
.cuadro-info {
width: 100%;
height: 100vw;
float: left;
position: relative;
overflow: hidden;
background-color: #000;
background-repeat: no-repeat;
background-position: center;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; }
.cuadro-info .overlay-negro {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.3; }
.cuadro-info .overlay-blanco {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.4; }
.cuadro-info .overlay-sepia {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #605b65;
opacity: 0.5; }
.cuadro-descripcion {
padding: 5% 7% 5% 7%;
width: 100%;
height: auto;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s; }
.page-historias .cuadro-descripcion {
padding: 20px;
bottom: auto;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.page-historias .cuadro-titulo {
margin-bottom: 24px; }
.cuadro-titulo {
margin: 0;
font-size: 20px;
line-height: 23px;
color: #fff;
text-transform: uppercase;
-o-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s; }
.cuadro-categoria {
margin: 10px 0 0 0;
font-size: 10px;
line-height: 10px;
letter-spacing: 1px;
color: #fff;
opacity: .8;
text-transform: uppercase;
-o-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s; }
.cuadro-categoria a {
color: #fff;
pointer-events: none; }
.cuadro-resumen {
margin: 20px 0;
font-size: 16px;
line-height: 24px;
color: #fff;
-o-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s; }
.icono-mas {
width: 59px;
height: 59px;
display: inline-block;
background-image: url("img/icono-mas.png");
background-repeat: no-repeat;
background-position: center;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
-o-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s; }
/* ------------------------- CONFERENCIAS DETALLE ------------------------- */
.hero-detalle {
width: 100%;
height: 95vh;
min-height: 500px;
position: relative; }
.info-detalle-hero {
color: #fff;
position: absolute;
top: 57%;
-ms-transform: translateY(-57%);
-moz-transform: translateY(-57%);
-o-transform: translateY(-57%);
-webkit-transform: translateY(-57%);
transform: translateY(-57%);
text-align: center;
margin: auto;
right: 0;
left: 0; }
.descripcion-hero-detalle {
margin: 0;
font-size: 10px;
line-height: 10px;
letter-spacing: 2px;
text-transform: uppercase; }
.borde-mas-info-detalle-hero {
z-index: 10;
padding: 15px;
bottom: 0px;
width: 90%;
position: absolute;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
transform: translateY(50%);
border: 8px solid rgba(137, 158, 174, 0.2);
text-align: center;
margin: auto;
right: 0;
left: 0; }
.mas-info-detalle-hero {
color: #f2f2f2;
font-size: 16px;
text-align: left;
background-color: rgba(137, 158, 174, 0.96); }
.contenedor-faro {
border-bottom: 1px solid rgba(216, 216, 216, 0.2); }
.icono-faro {
margin-top: 30px;
float: left;
width: 60px;
height: 24px;
display: inline-block;
background-image: url("img/icono-faro.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 22px 24px; }
.descripcion-mas-info {
display: inline-block;
width: 75%;
padding-top: 25px;
padding-bottom: 25px;
padding-right: 20px;
padding-left: 20px;
line-height: 21px;
border-left: 1px solid rgba(216, 216, 216, 0.2); }
.icono-bandera {
margin-top: 20px;
float: left;
width: 60px;
height: 24px;
display: inline-block;
background-image: url("img/icono-banderin.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 21px 24px; }
.categorias-mas-info {
width: 75%;
padding-top: 25px;
padding-bottom: 25px;
padding-right: 20px;
padding-left: 20px;
line-height: 18px;
display: inline-block;
text-transform: uppercase;
border-left: 1px solid rgba(216, 216, 216, 0.2); }
.categorias-mas-info a {
color: #fff;
pointer-events: none; }
.cuerpo-detalle {
padding-bottom: 90px;
position: relative; }
.cuerpo-detalle .a2a_kit {
position: relative;
display: inline-block;
left: 50%;
transform: translateX(-50%);
text-align: center;
background-color: rgba(14, 14, 14, 0.85); }
.cuerpo-detalle .a2a_vertical_style a {
padding: 0;
float: left;
clear: none; }
.cuerpo-detalle .a2a_button_facebook {
background-color: #305891;
background-image: url("img/icono-facebook.svg");
background-repeat: no-repeat;
background-position: center; }
.cuerpo-detalle .a2a_button_facebook:hover, .cuerpo-detalle .a2a_button_facebook:focus, .cuerpo-detalle .a2a_button_facebook:active {
background-color: rgba(48, 88, 145, 0.8); }
.cuerpo-detalle .a2a_button_twitter {
background-color: #2BA8D2;
background-image: url("img/icono-twitter.svg");
background-repeat: no-repeat;
background-position: center; }
.cuerpo-detalle .a2a_button_twitter:hover, .cuerpo-detalle .a2a_button_twitter:focus, .cuerpo-detalle .a2a_button_twitter:active {
background-color: rgba(43, 168, 210, 0.8); }
.icono-social {
width: 60px;
height: 60px; }
.icono-social span {
display: none; }
.contenido-detalle {
margin-bottom: 30px;
font-size: 18px;
line-height: 27px; }
.menu-opciones-detalle {
padding: 0;
margin-top: 30px;
margin-bottom: 66px;
list-style: none;
font-size: 12px;
line-height: 14px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border-top: 1px solid rgba(216, 216, 216, 0.5); }
.menu-opciones-detalle li {
border-bottom: 1px solid rgba(216, 216, 216, 0.5); }
.menu-opciones-detalle span, .menu-opciones-detalle a {
padding: 26px 15px;
display: inline-block;
color: #8ea2b2;
width: 100%; }
.menu-opciones-detalle span img, .menu-opciones-detalle a img {
margin-right: 15px; }
.menu-opciones-detalle a:hover, .menu-opciones-detalle a:focus, .menu-opciones-detalle a:active {
background-color: rgba(216, 216, 216, 0.2); }
.menu-opciones-detalle .icono-social {
width: 33.33%;
height: 80px; }
.menu-opciones-detalle .icono-social span {
display: none; }
.menu-opciones-detalle .a2a_kit {
position: relative !important;
display: block;
width: 100%;
top: 0 !important;
left: 0;
transform: translateX(0%);
text-align: center;
background-color: transparent; }
.menu-opciones-detalle .icono-facebook {
background-color: rgba(213, 213, 213, 0.2);
background-image: url("img/icono-facebook-azul.svg");
background-repeat: no-repeat;
background-position: center; }
.menu-opciones-detalle .icono-facebook:hover, .menu-opciones-detalle .icono-facebook:focus, .menu-opciones-detalle .icono-facebook:active {
background-color: rgba(213, 213, 213, 0.4); }
.menu-opciones-detalle .icono-twitter {
background-color: rgba(213, 213, 213, 0.2);
background-image: url("img/icono-twitter-azul.svg");
background-repeat: no-repeat;
background-position: center; }
.menu-opciones-detalle .icono-twitter:hover, .menu-opciones-detalle .icono-twitter:focus, .menu-opciones-detalle .icono-twitter:active {
background-color: rgba(213, 213, 213, 0.4); }
.menu-opciones-detalle .icono-linkedin {
background-color: rgba(213, 213, 213, 0.2);
background-image: url("img/icono-linkedin.svg");
background-repeat: no-repeat;
background-position: center; }
.menu-opciones-detalle .icono-linkedin:hover, .menu-opciones-detalle .icono-linkedin:focus, .menu-opciones-detalle .icono-linkedin:active {
background-color: rgba(213, 213, 213, 0.4); }
.contenedor-newsletter {
margin-bottom: 0px;
position: relative;
text-align: center;
background-color: #868D9B;
background-image: url("img/fondo-newsletter.jpg");
background-repeat: no-repeat;
background-position: center;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
box-shadow: 0px 0px 0px 4px rgba(151, 151, 151, 0.12); }
.icono-news-letter {
width: 77px;
height: 77px;
position: absolute;
top: 0;
border-radius: 50%;
border: 5px solid #fff;
background-color: #868D9B;
background-image: url("img/icono-newsletter.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 31px 31px;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
margin: auto;
right: 0;
left: 0; }
.contenedor-info-newsletter {
padding: 20px; }
.info-newsletter {
padding: 0 20px;
border: 4px solid rgba(255, 255, 255, 0.5); }
.info-newsletter h1 {
margin-top: 20px;
margin-bottom: 10px;
color: #fff;
font-size: 28px;
line-height: 32px;
letter-spacing: 0;
text-transform: uppercase; }
.info-newsletter p {
margin-top: 0;
margin-bottom: 30px;
color: #fff;
font-size: 14px;
line-height: 17px;
letter-spacing: 0;
text-transform: none; }
.formulario-newsletter-alexV .form-group {
padding: 0 20px;
margin-bottom: 20px;
width: 100%; }
.formulario-newsletter-alexV #input-correo {
width: 100%;
height: 50px;
font-size: 16px;
line-height: 22px;
text-align: center;
border-radius: 0px;
border: 2px solid #848B99;
box-shadow: none; }
.btn-enviar-correo {
color: #899EAE;
width: 100%;
height: 50px;
background-color: #333C4E;
font-size: 14px;
line-height: 16px;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s; }
.btn-enviar-correo:hover, .btn-enviar-correo:focus, .btn-enviar-correo:active {
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
box-shadow: inset 0 0 3px #000000;
color: #fff;
background-color: #313847; }
/* ------------------------- CUMBRE ------------------------- */
.img-cumbre {
z-index: 0;
top: 0;
width: 100%;
max-width: 100%;
position: fixed; }
.bg-solid-cumbre {
background-color: #0d1a22; }
.contenedor-cumbre-alex {
padding-top: 20px;
min-height: calc(100vh - 100px);
text-align: center;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-image: url("img/bg-cumbre.jpg"); }
.contenedor-cumbre-alex .titulo-seccion {
margin-top: 30px;
width: 100%;
display: inline-block; }
.contenedor-cumbre-alex .titulo-seccion:before {
content: 'sin atajos a la';
display: block;
font-weight: 400;
font-size: 16px;
line-height: 16px;
letter-spacing: 3px; }
.intro-cumbre {
padding: 30px 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
position: relative;
z-index: 1000;
color: #666;
font-size: 17px;
line-height: 30px;
max-width: 1050px;
font-style: normal;
font-weight: 100;
background-color: rgba(255, 255, 255, 0.9); }
.intro-cumbre h5 {
color: #666;
font-size: 17px;
font-weight: 100;
line-height: 30px; }
.intro-cumbre ol li {
margin-bottom: 10px; }
.vertical {
display: inline-block;
width: 100% !important;
text-align: center;
margin: auto;
right: 0;
left: 0; }
.vertical .carousel-caption {
background-color: rgba(137, 158, 174, 0.3);
left: 0px;
bottom: 0; }
.vertical .slick-slide {
opacity: 0.2;
-o-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s; }
.vertical .slick-current {
opacity: 1; }
.item-postal {
padding: 30px 0;
opacity: 0.3;
outline: none;
text-emphasis: center;
-o-transition: 1.5s;
-moz-transition: 1.5s;
-webkit-transition: 1.5s;
transition: 1.5s; }
.item-postal:hover, .item-postal:focus {
outline: none; }
.item-postal:first-child {
padding-top: 0; }
.item-postal:last-child {
padding-bottom: 60px; }
.item-postal.in-view {
opacity: 1; }
.contenedor-postal {
position: relative; }
.img-postal {
width: calc(100% - 30px);
height: calc(55vw);
display: inline-block;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.info-postal {
padding: 0 10px;
margin-left: -4px;
width: auto;
vertical-align: top;
display: inline-block;
background-color: rgba(137, 158, 174, 0.3);
position: absolute;
left: 19px;
bottom: 20px; }
.info-postal .icono-bandera {
margin-top: 0; }
.age-postal {
padding: 10px 0px;
color: #fff; }
/* ------------------------- CONTACTO ------------------------- */
.contenedor-contacto .btn-gradiante {
padding-left: 15px;
padding-right: 15px;
width: auto;
margin-bottom: 56px;
font-size: 14px;
line-height: 16px;
letter-spacing: 1px;
text-transform: uppercase; }
.contenedor-contacto .btn-gradiante img {
margin-right: 14px; }
.contenedor-contacto .btn-gradiante:before, .contenedor-contacto .btn-gradiante:after {
display: none; }
.contenedor-btn p {
margin-top: 0;
margin-bottom: 13px;
color: #585D6A;
opacity: .8;
font-size: 18px;
line-height: 27px;
letter-spacing: 1px;
text-transform: none; }
.contenedor-formulario {
margin-bottom: 30px; }
.form-contacto-alexV .form-group {
padding: 0px 10px; }
.form-contacto-alexV .form-group input {
height: 50px; }
.form-contacto-alexV .form-control {
border: 0px;
border-radius: 0px;
box-shadow: none; }
.form-contacto-alexV .control-label {
color: #585D6A;
font-size: 12px;
line-height: 14px;
letter-spacing: auto;
text-transform: uppercase; }
.form-contacto-alexV textarea {
margin-bottom: 26px; }
.btn-contacto-enviar {
width: 100%;
color: #fff;
border: 0px;
background-color: #585D6A;
font-size: 14px;
line-height: 16px;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s; }
.btn-contacto-enviar:hover {
background-color: #313847; }
.icono-btn-contacto {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
margin: auto;
right: 0;
left: 0;
left: -120px; }
.contenedor-icono-contacto {
position: relative;
margin-bottom: 30px; }
.icono-contacto {
width: 186px;
height: 186px;
background-image: url("img/icono-picos.svg");
background-repeat: no-repeat;
background-position: center;
-o-background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
text-align: center;
margin: auto;
right: 0;
left: 0; }
.icono-contacto:before, .icono-contacto:after {
content: '';
height: 5px;
opacity: .2;
display: none;
background-color: #91A0BB;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.icono-contacto:before {
left: 0; }
.icono-contacto:after {
right: 0; }
.info-contacto {
margin-bottom: 60px;
color: #585D6A;
font-size: 16px;
line-height: 21px;
letter-spacing: 0px;
text-transform: none; }
.telefono-contacto {
letter-spacing: 4px;
margin-bottom: 5px; }
.info-texto-contacto {
margin-bottom: 5px; }
/* ------------------------- LEGALES ------------------------- */
.fondo-blanco {
background-color: #fff; }
/* ------------------------- FOOTER ------------------------- */
.contenedor-frase-footer {
padding: 61px 0 63px 0;
width: 100%;
height: auto;
position: relative;
background-color: #899EAE; }
.texto-footer {
text-align: center;
margin: auto;
right: 0;
left: 0; }
.icono-frase-footer {
margin-bottom: 18px; }
.frase-texto-part-1, .frase-texto-part-2 {
margin: 0;
color: #D8D6D0;
line-height: 23px;
text-transform: uppercase; }
.frase-texto-part-1 {
margin-bottom: 10px; }
.frase-texto-part-2 {
line-height: 34px;
letter-spacing: -1px; }
.autor-alexV {
margin-top: 18px;
color: #fff;
display: inline-block;
position: relative;
font-size: 13px;
line-height: 15px;
letter-spacing: 4px;
text-transform: uppercase; }
.autor-alexV:before {
content: '';
width: 26px;
height: 1px;
background-color: #fff;
display: inline-block;
left: -41px;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.autor-alexV:after {
content: '';
width: 26px;
height: 1px;
background-color: #fff;
display: inline-block;
margin-left: 12px;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
footer {
position: relative;
padding-left: 0px;
width: 100%;
height: auto;
font-size: 16px;
line-height: 20px;
letter-spacing: 4px;
text-transform: uppercase;
border-top: 1px solid #D8D3D7;
background-color: #E3E3E3;
background-image: url("img/fondo-footer.jpg");
background-repeat: no-repeat;
background-position: center;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; }
footer a {
color: #fff; }
footer a:hover, footer a:focus, footer a.active {
color: #D8D6D0;
background-color: rgba(51, 60, 78, 0.5); }
.footer-contenido-izq {
position: relative;
width: 100%;
left: 0; }
.contenedor-social {
max-width: 100%;
float: normal;
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.texto-footer-centrado {
text-align: center;
margin: auto;
right: 0;
left: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.contenedor-sigueme {
position: relative;
color: #fff;
height: 100px;
width: 300px;
display: none;
background-color: rgba(132, 135, 136, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.footer-social:after, footer:after, .footer-contenido-izq:after {
content: '';
clear: both;
display: block; }
.btn-social {
width: 33.33%;
height: 100px;
float: left;
display: block; }
.icono-facebook {
/* width: 13px;
height: 30px; */
background-color: rgba(59, 83, 133, 0.3);
background-image: url("img/icono-social-facebook.png");
background-repeat: no-repeat;
background-position: center;
background-size: 13px 30px; }
.icono-twitter {
background-color: rgba(27, 192, 225, 0.3);
background-image: url("img/icono-social-twitter.png");
background-repeat: no-repeat;
background-position: center;
background-size: 34px 30px;
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(255, 255, 255, 0.3); }
.icono-linked {
background-color: rgba(2, 117, 179, 0.8);
background-image: url("img/icono-social-in.png");
background-repeat: no-repeat;
background-position: center;
background-size: 33px 30px; }
.btn-bio {
width: 100%;
height: 100px;
display: block;
float: left;
position: relative;
background-color: rgba(226, 226, 226, 0.1);
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.contenedor-legales {
width: 100%;
min-width: 245px;
display: block;
float: left; }
.btn-legales {
width: 50%;
height: 100px;
display: block;
position: relative;
float: left;
color: #fff;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
border-right: 1px solid rgba(255, 255, 255, 0.3);
background-color: rgba(163, 163, 163, 0.66); }
.alexV-copy {
margin: 0;
width: 50%;
height: 100px;
display: block;
position: relative;
float: left;
text-align: center;
color: rgba(27, 35, 41, 0.3);
font-size: 14px;
line-height: 16px;
letter-spacing: 1px;
background-color: rgba(226, 226, 226, 0.5);
border-right: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.alexV-copy p {
margin-top: 2px; }
.alexV-copy span {
font-size: 12px;
line-height: 27px; }
.btn-odisea {
color: #fff;
width: 100%;
height: 100px;
position: relative;
float: left;
background-color: rgba(226, 226, 226, 0.1); }
/* ----------------------------- 404 ------------------------------ */
.error404 {
height: 100vh;
min-height: 500px;
position: relative;
background-color: #3D4353; }
.contenido-404 {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
margin: auto;
right: 0;
left: 0; }
.contenido-404 .btn-gradiante {
color: #fff; }
.contenido-404 .btn-gradiante:after, .contenido-404 .btn-gradiante:before {
display: none; }
.contenido-404 .texto-footer {
margin-bottom: 30px; }
/* ----------------------------- BREAKPOINTS ------------------------------ */
@media (min-width: 500px) and (max-width: 768px) {
/* .footer-contenido-izq {
position: absolute;
width: auto;
left: 0;
} */
.frase-texto-part-1, .frase-texto-part-2 {
margin: 0;
color: #D8D6D0;
line-height: 39px; }
.frase-texto-part-2 {
line-height: 50px; }
.autor-alexV {
margin-top: 15px; } }
@media (min-width: 600px) and (max-width: 768px) {
.img-nota-principal {
width: 50%;
height: 50vw; }
.info-nota-principal {
padding: 30px 0;
width: 50%;
height: 50vw; }
.info {
padding: 0 20px;
width: auto;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.titulo-secundario {
margin-bottom: 10px;
color: #fff;
font-size: 20px;
line-height: 26px; }
.descripcion-conferencia {
margin-bottom: 23px;
color: #fff;
opacity: .5;
font-size: 13px;
line-height: 21px; }
.marco-verde {
width: 95vw;
height: 90%; }
.cuadro-info {
width: 33.3%;
height: 33.3vw;
float: left;
position: relative;
background-color: #000;
background-repeat: no-repeat;
background-position: center;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; }
.cuadro-titulo {
margin: 0;
font-size: 16px;
line-height: 19px; }
.cuadro-resumen {
margin: 20px 0;
font-size: 16px;
display: none; }
.icono-mas {
margin-top: 15px;
width: 59px;
height: 59px; }
.btn-gradiante {
width: 309px; } }
@media (min-width: 768px) {
.contenedor-btn {
margin-top: 0; }
.menu-alexV-home {
padding: 28px 0 28px;
width: 100%; }
.menu-alexV-home .navbar-header {
line-height: 0; }
.alexV-logo, .menu-alexV .alexV-logo {
margin-left: 20px;
width: 130px;
height: 50px; }
#menu-bar-alexV ul, .menu-alexV #menu-bar-alexV ul {
padding: 0px; }
#menu-bar-alexV ul li a, .menu-alexV #menu-bar-alexV ul li a {
padding: 15px 7px 12px;
font-size: 11px;
line-height: 13px; }
#menu-bar-alexV ul li span, .menu-alexV #menu-bar-alexV ul li span {
font-size: 9px;
line-height: 11px; }
#menu-bar-alexV .btn-menu-contacto, .menu-alexV #menu-bar-alexV .btn-menu-contacto {
margin-left: 10px; }
#slider-alex .item {
min-height: 700px; }
#slider-alex .item .pos-derecha {
text-align: left;
left: 50%; }
#slider-alex .item .pos-izquierda {
text-align: right;
left: auto;
right: calc(50% - 15px); }
.info-hero-home {
font-size: 40px;
line-height: 50px;
letter-spacing: auto;
text-transform: none; }
.titulo-seccion-home {
margin-bottom: 90px; }
.contenedor-bio-home {
padding: 84px 0 120px 0; }
.contenedor-bio-home .pretty-embed:after {
width: 305px;
height: 163px;
background-image: url("img/icono-video-play@2x.png"); }
.contenedor-bio-home .pretty-embed:hover:after {
background-image: url("img/icono-video-play@2x.png"); }
.texto-bio-home {
margin-bottom: 50px; }
.home-video-container {
margin-bottom: 118px; }
.contenedor-testimoniales-home {
padding-top: 90px; }
.cuadro-home {
width: 33.3%;
height: 33.3vw;
float: left; }
.contenedor-info-cuadro {
padding: 3%; }
.info-cuadro-home {
margin-bottom: 10px; }
.img-contenedor {
width: 45px;
height: 45px; }
.contenedor-cifras {
margin-bottom: 53px; }
.contenedor-cifras h1 {
margin: 0;
font-size: 70px; }
.contenedor-cifras h1:after {
content: '';
right: 45px;
border-bottom: 75px solid #333C4E;
border-left: 39px solid transparent; }
.contenedor-cifras h1:before {
content: "";
width: 90px;
right: -45px;
position: absolute; }
.contenedor-cifras div:nth-child(2) h1:before {
right: -37px; }
.contenedor-cifras div:nth-child(2) h1:after {
right: 53px; }
.contenedor-cifras div:nth-child(3) h1:before {
right: -60px; }
.contenedor-cifras div:nth-child(3) h1:after {
right: 30px; }
.contenedor-cifras div {
margin-bottom: 0px; }
.contenedor-cifras p {
margin-top: 30px; }
.titulo-seccion {
margin-top: 103px;
font-size: 60px;
line-height: 75px;
letter-spacing: 4px; }
.titulo-seccion:after {
width: 60px;
height: 10px; }
.img-nota-principal {
width: 50%;
height: 50vw; }
.info-nota-principal {
padding: 30px 0;
width: 50%;
height: 50vw; }
.info {
margin: 0;
padding-left: 20px;
padding-right: 0;
width: 80%;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.titulo-secundario {
margin-bottom: 10px;
color: #fff;
font-size: 24px;
line-height: 30px;
text-transform: uppercase; }
.descripcion-conferencia {
margin-bottom: 23px;
font-size: 13px;
line-height: 21px; }
.marco-verde {
width: 90vw;
height: 85%; }
.contenedor-imagen-cuadro {
overflow: hidden;
width: 33.33333%;
height: 33.3vw;
float: left; }
.cuadro-info {
width: 100%;
height: 100%;
position: relative;
background-color: #000;
background-repeat: no-repeat;
background-position: center;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover; }
.cuadro-titulo {
margin: 0;
font-size: 17px;
line-height: 20px; }
.cuadro-resumen {
margin: 6px 0;
font-size: 12px;
line-height: 20px;
color: #fff; }
.icono-mas {
width: 45px;
height: 45px; }
.contenido-detalle {
margin-bottom: 54px; }
.borde-mas-info-detalle-hero {
padding: 20px;
bottom: 0px;
width: 60%;
position: absolute;
transform: translateY(50%);
border: 10px solid rgba(137, 158, 174, 0.2);
text-align: center;
margin: auto;
right: 0;
left: 0; }
.mas-info-detalle-hero {
color: #f2f2f2;
font-size: 16px;
text-align: left;
background-color: rgba(137, 158, 174, 0.96); }
.contenedor-faro {
border-bottom: 1px solid rgba(216, 216, 216, 0.2); }
.icono-faro {
float: left;
width: 70px;
height: 24px; }
.descripcion-mas-info {
padding-left: 30px;
padding-right: 40px; }
.icono-bandera {
float: left;
width: 70px;
height: 24px; }
.categorias-mas-info {
padding-left: 30px;
padding-right: 40px; }
.cuerpo-detalle .a2a_kit {
position: absolute;
top: 50px;
left: 0;
transform: translateX(0%); }
.cuerpo-detalle .a2a_vertical_style a {
float: normal;
clear: left; }
.icono-social {
width: 50px;
height: 50px; }
.menu-opciones-detalle {
padding: 0;
margin-top: 0px;
font-size: 11px;
line-height: 13px;
letter-spacing: 0px;
text-align: left;
text-transform: uppercase;
border-top: 1px solid rgba(216, 216, 216, 0.5);
border-left: 3px solid #d8d8d8; }
.menu-opciones-detalle a {
padding: 26px 10px; }
.menu-opciones-detalle a img {
margin-right: 10px; }
.menu-opciones-detalle .icono-social {
height: 73px; }
.contenedor-newsletter {
margin-bottom: 67px; }
.info-newsletter h1 {
font-size: 22px;
line-height: 26px;
letter-spacing: 0;
text-transform: uppercase; }
.btn-gradiante:before, .btn-gradiante:after {
width: 200px;
display: inline-block; }
.btn-gradiante {
width: 309px; }
.contenedor-cumbre-alex {
padding-top: 52px; }
.contenedor-cumbre-alex .titulo-seccion {
margin-top: 75px; }
.contenedor-postal {
margin: 0 auto;
position: relative;
display: inline-block; }
.img-postal {
width: 500px;
height: 300px;
display: inline-block;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.info-postal {
padding: 0;
left: auto;
bottom: auto;
width: 150px;
position: relative; }
.info-postal .icono-bandera {
margin-top: 0;
width: 100%;
height: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.age-postal {
padding: 30px 0 20px;
font-size: 42px;
line-height: 51px;
letter-spacing: -1px;
text-transform: uppercase;
text-shadow: none; }
.contenedor-cat-postal {
height: 70px;
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.contenedor-cat-postal .categorias {
margin-top: 10px;
margin-bottom: 0;
display: inline-block; }
.contenedor-contacto .btn-gradiante {
padding-left: 20px;
padding-right: 20px;
width: auto;
margin-bottom: 56px;
font-size: 14px;
line-height: 16px;
letter-spacing: 2px;
text-transform: uppercase; }
.contenedor-contacto .btn-gradiante:before, .contenedor-contacto .btn-gradiante:after {
display: none; }
.form-contacto-alexV .form-group {
padding: 0px; }
.form-contacto-alexV .form-group input {
height: 50px; }
.contenedor-btn p {
font-size: 20px;
line-height: 27px;
letter-spacing: 1px;
text-transform: none; }
.icono-btn-contacto {
position: absolute;
top: 28%;
-ms-transform: translateY(-28%);
-moz-transform: translateY(-28%);
-o-transform: translateY(-28%);
-webkit-transform: translateY(-28%);
transform: translateY(-28%); }
.contenedor-formulario {
margin-bottom: 80px; }
.contenedor-icono-contacto {
margin-bottom: 80px; }
.icono-contacto:before, .icono-contacto:after {
width: 200px;
display: block; }
.info-contacto {
margin-bottom: 110px; }
.contenedor-frase-footer {
padding: 123px 0 126px 0; }
.frase-texto-part-1, .frase-texto-part-2 {
margin: 0;
color: #D8D6D0;
line-height: 39px; }
.frase-texto-part-2 {
line-height: 50px; }
.autor-alexV {
margin-top: 15px;
font-size: 16px;
line-height: 18px; }
.autor-alexV:before {
width: 36px;
height: 2px;
left: -55px; }
.autor-alexV:after {
width: 36px;
height: 2px;
right: -55px; }
.footer-contenido-izq {
position: absolute;
width: auto;
left: 0; } }
@media (min-width: 645px) and (max-width: 750px) {
footer {
padding-left: 300px;
height: 121px;
font-size: 13px;
line-height: 15px;
letter-spacing: 3px; }
.footer-contenido-izq {
position: absolute;
width: auto;
left: 0; }
.contenedor-social {
max-width: 180px;
float: left;
border-bottom: 0px; }
.contenedor-sigueme {
display: block;
height: 60px;
width: 180px; }
.btn-social {
width: 60px;
height: 60px;
float: left;
display: inline-block; }
.icono-facebook {
background-size: 13px 30px; }
.icono-twitter {
background-size: 34px 30px; }
.icono-linked {
background-size: 33px 30px; }
.btn-bio {
width: 120px;
height: 120px;
border-bottom: 0; }
.contenedor-legales {
width: 50%;
min-width: 150px;
display: block;
float: left; }
.btn-legales {
width: 100%;
height: 60px; }
.alexV-copy {
margin: 0;
width: 100%;
height: 60px;
font-size: 13px;
line-height: 15px;
letter-spacing: 2px;
border-bottom: 0; }
.alexV-copy p {
margin-top: 2px; }
.alexV-copy span {
font-size: 10px;
line-height: 25px; }
.btn-odisea {
color: #fff;
width: 50%;
height: 120px; } }
@media (min-width: 751px) and (max-width: 991px) {
footer {
padding-left: 350px;
height: 141px;
font-size: 14px;
line-height: 16px;
letter-spacing: 3px; }
.footer-contenido-izq {
position: absolute;
width: auto;
left: 0; }
.contenedor-social {
max-width: 210px;
float: left;
border-bottom: 0px; }
.contenedor-sigueme {
display: block;
height: 70px;
width: 210px; }
.btn-social {
width: 70px;
height: 70px;
float: left;
display: inline-block; }
.icono-facebook {
background-size: 13px 30px; }
.icono-twitter {
background-size: 34px 30px; }
.icono-linked {
background-size: 33px 30px; }
.btn-bio {
width: 140px;
height: 140px;
border-bottom: 0; }
.contenedor-legales {
width: 50%;
min-width: 200px;
display: block;
float: left; }
.btn-legales {
width: 100%;
height: 70px; }
.alexV-copy {
margin: 0;
width: 100%;
height: 70px;
font-size: 14px;
line-height: 16px;
border-bottom: 0; }
.alexV-copy p {
margin-top: 2px; }
.alexV-copy span {
font-size: 10px;
line-height: 25px; }
.btn-odisea {
color: #fff;
width: 50%;
height: 140px; } }
@media (min-width: 992px) {
.parallax .hero-alexV {
background-attachment: fixed; }
.alexV-logo, .menu-alexV .alexV-logo {
margin-left: 0;
width: 159px;
height: 60px; }
#menu-bar-alexV, .menu-alexV #menu-bar-alexV {
border: 0px;
box-shadow: none; }
#menu-bar-alexV ul li a, .menu-alexV #menu-bar-alexV ul li a {
padding: 15px 25px 12px; }
#menu-bar-alexV ul li span, .menu-alexV #menu-bar-alexV ul li span {
font-size: 9px;
line-height: 18px; }
#menu-bar-alexV .btn-menu-contacto, .menu-alexV #menu-bar-alexV .btn-menu-contacto {
margin-left: 25px; }
.contenedor-info-cuadro {
padding: 10%; }
.info-cuadro-home {
margin-bottom: 20px; }
.img-contenedor {
width: 70px;
height: 70px; }
.contenedor-cifras h1 {
font-size: 90px; }
.contenedor-cifras h1:after {
content: '';
right: 65px;
border-bottom: 95px solid #333C4E;
border-left: 49px solid transparent; }
.contenedor-cifras h1:before {
content: "";
width: 100px;
right: -35px; }
.contenedor-cifras div:nth-child(2) h1:before {
right: -20px; }
.contenedor-cifras div:nth-child(2) h1:after {
right: 80px; }
.contenedor-cifras div:nth-child(3) h1:before {
right: -52px; }
.contenedor-cifras div:nth-child(3) h1:after {
right: 48px; }
.titulo-seccion {
margin-top: 113px; }
.info {
padding: 0 55px;
width: 75%; }
.titulo-secundario {
margin-bottom: 10px;
color: #fff;
font-size: 35px;
line-height: 41px;
text-transform: uppercase; }
.descripcion-conferencia {
margin-bottom: 23px;
font-size: 16px;
line-height: 24px; }
.marco-verde {
width: 80vw;
height: 85%; }
.contenedor-imagen-cuadro {
overflow: hidden; }
.cuadro-info {
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-webkit-transform: scale(1.03) rotate(0.02deg);
-moz-transform: scale(1.03) rotate(0.02deg);
-ms-transform: scale(1.03) rotate(0.02deg);
-o-transform: scale(1.03) rotate(0.02deg);
transform: scale(1.03) rotate(0.02deg); }
.cuadro-info:hover {
-webkit-transform: scale(1.05) rotate(0.02deg);
-moz-transform: scale(1.05) rotate(0.02deg);
-ms-transform: scale(1.05) rotate(0.02deg);
-o-transform: scale(1.05) rotate(0.02deg);
transform: scale(1.05) rotate(0.02deg); }
.cuadro-info:hover .cuadro-titulo, .cuadro-info:hover .cuadro-categoria, .cuadro-info:hover .cuadro-resumen {
opacity: 0; }
.cuadro-info:hover .icono-mas {
transform: translateY(-2vw); }
.cuadro-titulo {
margin: 0;
font-size: 20px;
line-height: 23px; }
.cuadro-resumen {
margin: 20px 0;
font-size: 16px; }
.icono-mas {
width: 59px;
height: 59px; }
.page-historias .cuadro-info {
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-webkit-transform: scale(1.03) rotate(0.02deg);
-moz-transform: scale(1.03) rotate(0.02deg);
-ms-transform: scale(1.03) rotate(0.02deg);
-o-transform: scale(1.03) rotate(0.02deg);
transform: scale(1.03) rotate(0.02deg); }
.page-historias .cuadro-info:hover {
-webkit-transform: scale(1.05) rotate(0.02deg);
-moz-transform: scale(1.05) rotate(0.02deg);
-ms-transform: scale(1.05) rotate(0.02deg);
-o-transform: scale(1.05) rotate(0.02deg);
transform: scale(1.05) rotate(0.02deg); }
.page-historias .cuadro-info:hover .cuadro-titulo, .page-historias .cuadro-info:hover .cuadro-categoria, .page-historias .cuadro-info:hover .cuadro-resumen {
opacity: 0; }
.page-historias .cuadro-info:hover .icono-mas {
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0); }
.borde-mas-info-detalle-hero {
width: 60%; }
.mas-info-detalle-hero {
color: #f2f2f2;
font-size: 16px;
text-align: left;
background-color: rgba(137, 158, 174, 0.96); }
.contenedor-faro {
border-bottom: 1px solid rgba(216, 216, 216, 0.2); }
.icono-faro {
float: left;
width: 80px;
height: 24px; }
.icono-bandera {
float: left;
width: 80px;
height: 24px; }
.menu-opciones-detalle {
font-size: 12px;
line-height: 14px;
letter-spacing: 1px; }
.menu-opciones-detalle a {
padding: 26px 15px; }
.menu-opciones-detalle a img {
margin-right: 15px; }
.menu-opciones-detalle .icono-social {
height: 98px; }
.cuerpo-detalle .a2a_kit {
top: 50px; }
.icono-social {
width: 60px;
height: 60px; }
.info-newsletter h1 {
font-size: 28px;
line-height: 32px;
letter-spacing: 0;
text-transform: uppercase; }
.btn-gradiante:before, .btn-gradiante:after {
width: 260px; }
.img-postal {
width: 600px;
height: 350px; }
.info-postal {
width: 250px; }
.info-postal .icono-bandera {
margin-top: 0;
width: 70px;
height: 70px;
border-right: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 0px; }
.contenedor-cat-postal .categorias {
margin-top: 27px; }
.age-postal {
padding: 60px 0 50px;
font-size: 62px;
line-height: 71px;
letter-spacing: -1px;
text-transform: uppercase;
text-shadow: none; }
.carousel.vertical .item {
margin: 0px; }
.carousel.vertical .item img {
margin: 30px;
margin-right: 250px; }
.icono-contacto:before, .icono-contacto:after {
width: 345px; }
.frase-texto-part-1, .frase-texto-part-2 {
margin: 0;
color: #D8D6D0;
line-height: 39px; }
.frase-texto-part-2 {
line-height: 77px; }
.autor-alexV {
margin-top: 18px; }
footer {
padding-left: 500px;
height: 201px;
font-size: 16px;
line-height: 18px;
letter-spacing: 4px; }
.contenedor-social {
max-width: 300px;
float: left;
border-bottom: 0px; }
.contenedor-sigueme {
display: block;
height: 100px;
width: 300px; }
.btn-social {
width: 100px;
height: 100px;
float: left;
display: inline-block; }
.icono-facebook {
background-size: 13px 30px; }
.icono-twitter {
background-size: 34px 30px; }
.icono-linked {
background-size: 33px 30px; }
.btn-bio {
width: 200px;
height: 200px;
border-bottom: 0; }
.contenedor-legales {
width: 50%;
min-width: 245px;
display: block;
float: left; }
.btn-legales {
width: 100%;
height: 100px; }
.alexV-copy {
margin: 0;
width: 100%;
height: 100px;
font-size: 16px;
line-height: 18px;
border-bottom: 0; }
.alexV-copy p {
margin-top: 2px; }
.alexV-copy span {
font-size: 12px;
line-height: 27px; }
.btn-odisea {
color: #fff;
width: 50%;
height: 200px; } }
@media (min-width: 1200px) {
.borde-mas-info-detalle-hero {
width: 50%; }
.cuerpo-detalle .a2a_kit {
top: 130px; }
.img-postal {
width: 800px;
height: 500px; }
.info-postal {
width: 250px; } }
/* ------------------------------- RETINA -------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.AGREGAR_CLASES {
-o-background-size: contain !important;
-moz-background-size: contain !important;
-webkit-background-size: contain !important;
background-size: contain !important; }
.flecha-hero {
background-image: url("img/flecha-abajo@2x.png"); } }
/* ------------------------------- WP CORE -------------------------------- */
.alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
/* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px; }
.ir:before {
content: "";
display: block;
width: 0;
height: 150%; }
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden; }
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
/*
* Hide visually and from screenreaders, 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; }
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1; }
/* ==========================================================================
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, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */ }
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
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 for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group;
/* h5bp.com/t */ }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }