/*
Theme Name: De Gira por el Mundo
Theme URI: https://www.chiavassapablo.com/
Author: Chiavassa Pablo
Author URI: https://www.chiavassapablo.com/
Description: Sitio web diseñado por Chiavassa Pablo.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: chiavassapablo
*/

/* ********************************** ESTILOS GENERALES */

html,
body {
    height: 100%;
}

body {
    padding-top: 0px; 
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    background-color: #fff;
    color: var( --e-global-color-text );
    font-size: 17px;
    line-height: 26px;
	font-weight: 300;
}

a, .btn {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

a {
    color: var( --e-global-color-accent );
}

a:hover, a:focus, a:active {
    color: var( --e-global-color-primary );
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Calistoga', serif;
    font-weight: 400;
}

.wp-embedded-content {
    max-width: 100% !important;
    margin: auto;
    display: block;
}

/* ********************************** HEADER */

header {
    background: url("https://yaninaburns.com/wp-content/uploads/2025/10/cabecera-yanina-burns.webp") center center no-repeat var( --e-global-color-primary );
    background-size: cover;
    padding-top: 10px;
    padding-bottom: 10px;
}

header .container {
  display: flex;
  align-items: center; /* Vertically centers content */
  /* If you also want horizontal centering: */
  justify-content: center;
}

.logo-desktop {
	text-align: center;
}

.logo-desktop img {
    max-width: 100%;
	margin: auto;

    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.logo-mobile {
    text-align: center;
}

.logo-mobile img {
    max-width: 100%;
    margin-bottom: 10px;
}

.logo-ilustracion {
    position: absolute;
    top: -41px;
    z-index: 15;
}

.logo-ilustracion img {
    max-width: 100%;
}

header h1 {
	font-size: 60px;
	margin: 0 !important;
	color: #feaf01;
	text-shadow: #837762 2px 2px 2px;
	
}

/* ********************************** BOTONERA */

.navbar-default {
    background-color: #fff;
    border: 0;
    border-radius: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0px;

    z-index: 14;

    -webkit-box-shadow: 0px 20px 60px 0px rgba(84, 60, 50, 0.1);
    -moz-box-shadow:    0px 20px 60px 0px rgba(84, 60, 50, 0.1);
    box-shadow:         0px 20px 60px 0px rgba(84, 60, 50, 0.1);

    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.navbar-default .navbar-nav {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.navbar-default ul {
    float: none;
    width: 100%;
    text-align: center;
}

.navbar-default li {
    float: none;
    display: inline-block;
}

.navbar-default .navbar-nav li.active a {
    background: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: var( --e-global-color-primary );
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: var( --e-global-color-text );
    -webkit-border-radius: 0px;
    border-radius: 0px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 14px 15px 14px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: var( --e-global-color-primary );
}

.navbar-nav > li.current-menu-item > a, .navbar-nav > li.current_page_parent > a {
    color: var( --e-global-color-primary );
}

.navbar-nav > li.current-menu-item > a::after, .navbar-nav > li.current_page_parent > a::after {
    width: 20px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: var( --e-global-color-primary );
    background: #fff;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px 0;
    margin: 2px 0 0;
    font-size: 17px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;

    -webkit-box-shadow: 0 20px 60px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 20px 60px 0 rgba(0,0,0,0.1);
    box-shadow: 0 20px 60px 0 rgba(0,0,0,0.1);
}

.dropdown-menu > li > a {
    display: block;
    padding: 5px 15px;
    clear: both;
    white-space: nowrap;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 17px;
    font-weight: 600;
    color: var( --e-global-color-accent ) !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent;
    color: var( --e-global-color-accent ) !important;
}

.top-nav-collapse {
    padding:10px 0px;
    margin-top: 0px;
    background-color: var( --e-global-color-accent );

    -webkit-box-shadow: 0 20px 60px 0 rgba(84,60,50,0.1);
    -moz-box-shadow: 0 20px 60px 0 rgba(84,60,50,0.1);
    box-shadow: 0 20px 60px 0 rgba(84,60,50,0.1);
}

.top-nav-collapse .logo img {
    max-height: 70px;
}

.top-nav-collapse .navbar-nav {
    margin-top: 10px;
}

.navbar-toggle {
    position: relative;
    float: right;
    width: 30px;
    height: 26px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: transparent;
    background-image: none;
    border: 0px;
    border-radius: 4px;

    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.navbar-toggle:focus, .navbar-toggle:active, .navbar-toggle:hover {
    background-color: transparent !important;
}

.navbar-toggle:focus .icon-bar {
    background-color: transparent !important;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background-color: var( --e-global-color-text ) !important;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}


/* ********************************** TITULOS */


/* ********************************** PAGINADOR BLOG */

.paginador-blog {
    margin: 0px 0px 60px;
    text-align: center;
}

.paginador-blog a, .paginador-blog span {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 600;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #fff;
}

.paginador-blog a {
    margin: 6px 3px 0;
}

.paginador-blog a:hover,
.paginador-blog a:focus {
    text-decoration: none;
    background-color: #fff;
    color: var( --e-global-color-accent );
}

.pager li > a, .pager li > span {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    height: 44px;
    text-align: center;
    line-height: 44px;
    padding: 0px 15px;
    color: #8D9497;
    border: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-box-shadow: 0 5px 15px 0 rgba(84,60,50,0.1);
    -moz-box-shadow: 0 5px 15px 0 rgba(84,60,50,0.1);
    box-shadow: 0 5px 15px 0 rgba(84,60,50,0.1);
}

.pager li > a:hover, .pager li > span:hover, .pager li > a:focus, .pager li > span:focus {
    color: var( --e-global-color-accent );
    background-color: #fff;
    text-decoration: none;
    transform: translateY(-3px);
    -webkit-box-shadow: 0 10px 20px 0 rgba(84,60,50,0.12);
    -moz-box-shadow: 0 10px 20px 0 rgba(84,60,50,0.12);
    box-shadow: 0 10px 20px 0 rgba(84,60,50,0.12);
}


/* ********************************** INICIO */


/* ------------------------------------------------------------------------- */


/***************************** FORMULARIO DE CONTACTO */

.formulario-contacto {
    padding: 30px;
    border-radius: 0px;
    -webkit-border-radius: 0px;

    -webkit-box-shadow: 0 20px 60px 0 rgba(84,60,50,0.1);
    -moz-box-shadow: 0 20px 60px 0 rgba(84,60,50,0.1);
    box-shadow: 0 20px 60px 0 rgba(84,60,50,0.1);
}

.formulario-contacto h2 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 45px;
}

form label {
    width: 100%;
}

form input {
    margin-bottom: 15px;
    font-size: 17px;
    max-width: 100% !important;
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    padding: 0px 15px;
    text-align: left;
}

form input:hover {
    background: #fff;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

form input:focus {
    border: 1px solid var( --e-global-color-accent );

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    cursor: pointer;
}

form input[type="submit"], form button {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 14px 20px 16px 20px;
    width: auto;
    margin: 0px auto 0px;
    display: block;
    line-height: 20px;
    font-size: 17px;
    font-weight: 600;
    border: 0px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    color: #fff;
    background: var( --e-global-color-accent );
    text-transform: uppercase;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

form input[type="submit"]:hover, form button:hover {
    color: #fff;
    background: var( --e-global-color-primary );
}

form input[type="submit"]:active:hover, form input[type="submit"].active:hover, form input[type="submit"]:focus, .open > .dropdown-toggleform input[type="submit"]:hover, form input[type="submit"]:active:focus, form input[type="submit"].active:focus, .open > .dropdown-toggleform input[type="submit"]:focus, form input[type="submit"]:active.focus, form input[type="submit"].active.focus, .open > .dropdown-toggleform input[type="submit"].focus,
form button:active:hover, form button.active:hover, form button:focus, .open > .dropdown-toggleform button:hover, form button:active:focus, form button.active:focus, .open > .dropdown-toggleform button:focus, form button:active.focus, form button.active.focus, .open > .dropdown-toggleform button.focus {
    color: #fff;
    background: var( --e-global-color-text );
}

form .radio label {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
}

form .radio label span {
    margin-left: 10px;
}

form .radio input {
    width: 20px;
    height: 20px;
}

form select {
    text-align: left;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 300;
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    padding: 0px 15px;
}

form select:hover {
    background: #fff;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

form select:focus {
    border: 1px solid var( --e-global-color-accent );

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

form textarea {
    text-align: left;
    margin-bottom: 15px;
    font-size: 17px;
    padding: 15px;
    max-width: 100%;
    min-width: 100%;
    height: 150px;
    font-weight: 300;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

form textarea:hover {
    background: #fff;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

form textarea:focus {
    border: 1px solid var( --e-global-color-accent );

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 300;
    font-weight: normal;
    line-height: 1;
    color: rgb(126, 130, 133);
    text-align: center;
    background-color: #eee;
    border: 1px solid #eee;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(255, 255, 255);
    border-radius: 0px;
}

div.wpcf7-validation-errors {
    border-radius: 0px;
    padding: 15px !important;
    text-align: center;
}


/***************************** BLOG */

.cabecera-blog {
    text-align: center;
    width: 100%;
    padding-top: 90px;
    padding-bottom: 30px;
    background-size: cover;
}

.cabecera-blog p {
    color: var( --e-global-color-text );
    font-size: 17px;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 700;
}

.cabecera-blog h1 {
    color: var( --e-global-color-primary );
    font-size: 36px;
    line-height: 42px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.listado-categorias {
    margin-top: 15px;
    text-align: center;
    margin-bottom: 54px;
}

.listado-categorias h3 {
    margin-top: 0px;
}

.listado-categorias ul {
    list-style: none;
    padding: 0px;
}

.listado-categorias li {
    float: none;
    display: inline-block;
    margin-top: 7px;
    margin-bottom: 0px;
}

.listado-categorias li.cat-item-none {
    display: none;
}

.listado-categorias li.current-cat a {
    color: var( --e-global-color-accent );
}

.listado-categorias li a {
    display: inline-block;
    padding: 8px 10px 10px 10px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    background-color: var( --e-global-color-text );
    text-transform: uppercase;
    margin: 0px 3px 3px;
    border-radius: 4px;
}

.listado-categorias li a:hover,
.listado-categorias li a:focus,
.listado-categorias li a:active {
    text-decoration: none;
    background-color: var( --e-global-color-accent );
    color: #fff;
}

.noticia-blog {
    margin-bottom: 60px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 20px 60px 0px rgba(84,60,50,0.1);
    -moz-box-shadow: 0px 20px 60px 0px rgba(84,60,50,0.1);
    box-shadow: 0px 20px 60px 0px rgba(84,60,50,0.1);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

.noticia-blog:hover {
    transform: translateY(-10px);
}

.noticia-blog .imagen-noticia a img {
    width: 100%;
    height: auto;
    border-radius: 8px 8px 0px 0px;
    -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0px 0px 0 rgba(0,0,0,0);
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0);

    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.noticia-blog .item-titulo {
    padding: 30px 20px 25px;
}

.noticia-blog .item-titulo a {
    text-decoration: none;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.1;
    color: var( --e-global-color-secondary );
    text-align: center;
    width: 100%;
    display: block;
    font-family: 'Calistoga', serif;
    font-weight: 400;
}

.noticia-blog .item-titulo a:hover, .noticia-blog .item-titulo a:focus {
    color: var( --e-global-color-accent );
}

.noticia-blog .descripcion {
    padding: 0px 15px;
    text-align: center;
}

.noticia-blog .fecha-categoria {
    padding: 10px 15px 30px;
    text-align: center;
}

.noticia-blog .fecha-categoria p {
    margin-bottom: 0px;
    font-size: 17px;
}

.noticia-blog .fecha-categoria a:hover,
.noticia-blog .fecha-categoria a:focus {
    color: #543C32;
    text-decoration: none;
}


/* ENTRADA */

.imagen-entrada img {
    max-width: 100%;
    height: auto;
    margin-bottom: 60px;
    border-radius: 8px;
}

.descripcion-entrada {
    padding-top: 60px;
}

.descripcion-entrada ul li::marker, .descripcion-entrada ol li::marker {
    color: var( --e-global-color-accent );
}

.descripcion-entrada img {
    width: 100%;
    height: auto;
}

.descripcion-entrada img.emoji {
    width: auto;
    height: auto;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.categoria-etiquetas {
    margin-top: 50px;
    text-align: center;
}

.categoria-etiquetas p {
    margin-bottom: 0px;
    font-size: 17px;
}

.categoria-etiquetas a:hover,
.categoria-etiquetas a:focus {
    color: var( --e-global-color-accent );
    text-decoration: none;
}

.social-share {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 45px 15px 30px;
    background: url(img/bg_header_2022.jpg) center center no-repeat #F6D23D;
    background-size: cover;
    border-radius: 8px;
}

.social-share h3 {
    color: #fff;
    margin-top: 0px;
    margin-bottom: 15px;
}

.social-share a {
    display: inline-block;
    height: 34px;
    text-align: center;
    line-height: 32px;
    padding: 0px 15px;
    color: #fff;
    background: #543C32;
    margin: 0px 3px 15px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 4px;
}

.social-share a i {
    color: #fff;
    margin-right: 5px;

    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.social-share a:hover,
.social-share a:focus,
.social-share a:active {
    color: #fff;
    background: var( --e-global-color-accent );
    text-decoration: none;
}

.social-share a:hover i,
.social-share a:focus i,
.social-share a:active i {
    color: #fff;
}

.widgets-entrada {
    padding-top: 30px;
}

.sidebar-item {
    margin-top: 30px;
    padding: 30px 15px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 60px 0px rgba(84,60,50,.1);
}

.widget-header {
    margin-top: 0px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
}


/*######################################### COMENTARIOS WORDPRESS */

.caja-comentarios {
    padding-bottom: 110px;
}

.caja-comentarios h3#comments {
    margin-bottom: 60px;
    text-align: center;
    text-transform: uppercase;
}

.caja-comentarios h3#reply-title {
    color: var( --e-global-color-primary );
}

.commentlist {
    margin-top: 0px;
    list-style: none;
    padding-left: 0px;
}

.commentlist > li.comment {
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 0px;
    background: #fff;
    border: 1px solid #543C32;
}

.comment-author img {
    border-radius: 16px;
}

.comment-author .fn {
    font-style: normal;
    font-weight: 700;
}

.comment-reply-link {
    font-weight: 300;
    text-transform: uppercase;
    line-height: 14px;
    font-size: 14px;
    background-color: transparent;
    color: var( --e-global-color-accent );
    display: inline-block;
    margin-left: 36px;
    margin-top: 20px;
}

.comment-reply-link:hover, .comment-reply-link:focus, .comment-reply-link:active {
    background-color: transparent !important;
    color: var( --e-global-color-accent ) !important;
}

.comment-meta {
    font-size: 17px;
    padding: 15px 0px;
}

.comment-metadata time {
    font-size: 14px;
    text-transform: uppercase;
    color: var( --e-global-color-accent );
    padding-left: 36px;
}

.comment-body {
    margin-bottom: 15px;
}

.comment-body p {
    padding-left: 36px;
}

ul.children {
    list-style: none;
    padding-left: 36px;
}

ul.children li {
    margin-top: 15px;
}

.comment-respond {
    margin-top: 60px;
    text-align: center;
}

.comment-notes, .logged-in-as {
    margin-bottom: 60px;
}


/*######################################### ENTRADAS RELACIONADAS */

.entradas-relacionadas {
    background: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
}

.entradas-relacionadas h2 {
    margin-top: 0px;
    margin-bottom: 60px;
}


/***************************** FOOTER */

footer.footer {
    background: var( --e-global-color-text );
    padding: 90px 0px 80px;
    width: 100%;
}

footer.footer p {
    margin: 0;
    font-size: 17px;
    color: rgba(255,255,255,0.7);
}

footer.footer p a {
    text-decoration: none;
    color: #fff;
}

footer.footer p a:hover, footer.footer p a:focus, footer.footer p a:active {
    color: #fff;
    text-decoration: underline;
}

.menu-footer ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 20px;
}

.menu-footer li {
    display: inline-block;
}

.menu-footer li a {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    padding: 0px 10px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
}

.menu-footer li a:hover, .menu-footer li a:focus, .menu-footer li a:active {
    color: #fff;
    text-decoration: underline;
}

.redes-sociales-footer {
    list-style: none;
    padding-left: 0px;
}

.redes-sociales-footer li {
    display: inline-block;
}

.redes-sociales-footer li a {
    width: 46px;
    height: 46px;
    text-align: center;
    display: inline-block;
    text-align: center;
    line-height: 46px;
    margin: 0px 7px 15px;
    color: #fff;
    font-size: 17px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    background-color: var( --e-global-color-accent );
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.redes-sociales-footer li a:hover,
.redes-sociales-footer li a:focus,
.redes-sociales-footer li a:active {
    text-decoration: none;
    color: #fff;
    transform: translateY(-3px);
}

.redes-sociales-footer li a i {
    color: #fff;
}



/* Responsive Styles */

@media(max-width:1199px) {

.logo-ilustracion {
    top: -17px;
}

} /* end max-widht: 1199px; */

@media(max-width:991px) {

.logo-ilustracion {
    top: 10px;
}

} /* end max-widht: 991px; */

@media(min-width:767px) {

    .logo-mobile {
        display: none;
    }

}

@media(max-width:767px) {

header {
	padding-top: 90px;
	padding-bottom: 90px;
}

.logo-ilustracion {
    position: relative;
    text-align: center;
    top: auto;
    bottom: -10px;
    z-index: 14;
}

.logo-ilustracion img {
    max-width: 120px;
}

header h1 {
	font-size: 42px;
	
}

.navbar-default {
    position: absolute;
    top: 0px;
    width: 100%;
    background: transparent;

    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}

.navbar-toggle {
    margin-right: 15px;
}

.navbar-collapse {
    border: none !important;
}

.navbar-default .navbar-nav {
    width: 100%;
    margin-left: 0px;
    margin-top: 15px;
    padding: 15px;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 9999;
	border-radius: 8px;
	
    -webkit-box-shadow: 0px 20px 60px 0px rgba(84, 60, 50, 0.1);
    -moz-box-shadow:    0px 20px 60px 0px rgba(84, 60, 50, 0.1);
    box-shadow:         0px 20px 60px 0px rgba(84, 60, 50, 0.1);
}

.navbar-default .navbar-nav li {
    width: 100%;
}

} /* end max-widht: 767px; */