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

version 1.1

[Table of contents]
1. Global CSS
    1.2 Global Button CSS
    1.3 Global Image/Text Slider CSS
    1.4 Global Curve/Intro/Big/Medium Text CSS
    1.5 Global Page CSS
2. Inicio Section CSS
3. Bienvenida Section CSS


6. Patrocinadores Section CSS
7. Ponentes Section CSS

9. Programa Section CSS
    9.1 Single Post CSS

11. Footer CSS
12. Responsive CSS
-------------------------------------------------------------------*/


@import url("css/clear.css");
@import url("css/common.css");
@import url("css/font-awesome.min.css");
@import url("css/sm-clean.css");
@import url("css/sm-clean.css");
@import url("css/slick.css");
@import url("css/prettyPhoto.css");



/* ===================================
    1. Global CSS
====================================== */
p {
    color: #325aa8;
    font-size: 18px;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #325aa8;
    background-color: #fff;
}

body a {
    text-decoration: none;
    color: #92c01f;
    transition: color .2s ease;
}

body a:hover {
    color: #325aa8;
}

body p,
body pre {
    margin-bottom: 24px;
}

.welcome-text {
    color: #325aa8;
    font-size: 18px;
    text-align: left;
    padding: -50px 20px 0 20px;
}

.site-wrapper ::selection {
    background-color: #cfcfcf;
}

.site-wrapper ::-moz-selection {
    background-color: #cfcfcf;
}

.site-wrapper img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.doc-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: #325aa8;
}

.doc-loader img {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content-1300 {
    width: 1300px;
}

.content-1200 {
    width: 1200px;
}

.content-1070 {
    width: 1070px;
}

.content-960 {
    width: 960px;
}

.content-740 {
    width: 740px;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.full-page-width {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.chrome .site-wrapper img {
    image-rendering: -webkit-optimize-contrast;
}


/* ===================================
    1.1 Global Header Logo/Menu CSS
====================================== */

.header-holder {
    z-index: 99 !important;
    background-color: #325aa8;
    width: 100% !important;
    top: 0;
    position: fixed;
}

.admin-bar .header-holder {
    top: 32px !important;
}

.sticky-wrapper {
    height: 77px !important;
}

.menu-wrapper {
    width: 98%;
    max-width: 1470px;
    min-height: 77px;
}

.header-logo {
    line-height: 0;
    font-size: 0;
    float: left;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}

.header-logo img {
    width: 140px;
    height: 45px;
}

.menu-holder {
    float: right;
    max-width: 85%;
}

.toggle-holder {
    display: none;
    right: 10px;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#toggle:hover {
    cursor: pointer;
}

#toggle div {
    height: 3px;
    margin-bottom: 6px;
    background-color: #fff;
    width: 22px;
}

#toggle .second-menu-line {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

#toggle:hover .second-menu-line {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

#toggle.on .second-menu-line {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

#toggle .third-menu-line {
    margin-bottom: 5px;
}

#header-main-menu {
    display: inline-block;
}

.sm-clean .has-submenu {
    padding-right: 35px !important;
}

body .site-wrapper .sm-clean a {
    cursor: pointer;
    color: #fff;
}

.sm-clean a span.sub-arrow {
    right: 3px;
}

.sm-clean a.highlighted {
    padding: 15px;
}

.sm-clean a,
.sm-clean a:hover,
.sm-clean a:focus,
.sm-clean a:active {
    font-size: 16px;
    font-weight: 300;
    transition: color .3s ease, background-color .3s ease;
    padding: 15px;
}

.sm-clean ul a,
.sm-clean ul a:hover,
.sm-clean ul a:focus,
.sm-clean ul a:active {
    font-size: 13px;
    line-height: 15px;
    padding: 10px;
}

.sm-clean {
    background-color: transparent;
    padding: 15px 0;
}

body .sm-clean a:hover,
body .main-menu.sm-clean .sub-menu li a:hover,
body .sm-clean li.active a,
body .sm-clean li.current-page-ancestor>a,
body .sm-clean li.current_page_ancestor>a,
body .sm-clean li.current_page_item>a {
    color: #92c01f;
}

.sm-clean li {
    margin-right: 10px;
}

.sm-clean li:last-child {
    margin-right: 0;
}

.sm-clean ul {
    background-color: #325aa8;
}

.sm-clean a.has-submenu {
    padding-right: 24px;
}

.sub-menu a,
.children a {
    padding-left: 15px !important;
}

.sub-menu .sub-menu,
.children .children {
    padding-top: 8px;
}


/* ===================================
    1.2 Global Button CSS
====================================== */

a.button {
    display: inline-block;
    color: #fff !important;
    background-color: #92c01f;
    text-align: left;
    padding-bottom: 17px;
    padding-top: 17px;
    padding-left: 40px;
    padding-right: 35px;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    transition: all .2s linear;
    margin-bottom: 17px;
    border-radius: 50px;
    font-size: 16px;
    box-shadow: 0px 0px 50px 0px rgba(133, 170, 15, 0.65);
}

a.button:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f061";
    margin-left: 25px;
    transition: transform .3s ease;
}

a.button:hover:after {
    transform: translateX(5px);
}

a.button.scroll:hover:after {
    transform: rotate(90deg);
}


/* ===================================
    1.3 Global Image/Text Slider CSS
====================================== */

.image-slider-wrapper {
    padding-top: 20px;
}

.image-slider-wrapper .slick-slider img {
    width: 100% !important;
}

.text-slider-wrapper {
    text-align: center;
    font-size: 24px;
    line-height: 35px;
    color: #f2f5f6;
    width: 760px;
    margin: 0 auto;
    padding: 50px 0;
    max-width: 90%;
}

.text-slider-header-quotes {
    margin-bottom: -45px;
}

.text-slider-header-quotes:before {
    content: '\201C';
    font-family: 'Montserrat', sans-serif;
    font-size: 140px;
    line-height: 100%;
    font-weight: 700;
    color: #92c01f;
}

.text-slider-wrapper .slick-slider {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.text-slider-wrapper img.text-slide-img {
    width: 120px !important;
    height: 120px;
    border-radius: 90%;
}

.slick-dots {
    position: absolute;
    bottom: 25px;
}

.slick-dots li button:before {
    background-color: #fff;
    opacity: 1 !important;
    transition: all .3s ease;
    border-radius: 5px;
}

.slick-dots li.slick-active button:before {
    background-color: #92c01f;
}

.slick-next {
    bottom: 100px;
    top: auto;
    right: calc(50% - 140px);
    background-image: none;
    padding: 0;
    width: auto;
    height: auto;
}

.slick-next:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f061";
    transition: transform .3s ease;
    color: white;
    font-size: 20px;
    padding: 25px;
}

.slick-prev {
    bottom: 100px;
    top: auto;
    left: calc(50% - 140px);
    background-image: none;
    padding: 0;
    width: auto;
    height: auto;
}

.slick-prev:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f060";
    transition: transform .3s ease;
    color: white;
    font-size: 20px;
    padding: 25px;
}

.text-slide-name {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 0;
}

.text-slide-position {
    font-size: 12px;
    color: #fff;
    letter-spacing: 5px;
    margin-top: -10px;
}


/* ===================================
    1.4 Global Curve/Intro/Big/Medium Text CSS
====================================== */


/* 
@media screen and (min-height: 950px) 
{  
    #inicio .curve-text 
    {
        padding-top: 10%;
    }
}*/

.videoFadeIn {
    opacity: 0;
    animation: fadeInAnimation 2s forwards;
    /* 'forwards' mantiene el estado final de la animación */
}

@keyframes fadeInAnimation {
    to {
        opacity: 1;
    }
}

.tituloVideo {
    margin-top: -20px;
    width: 50%;
    height: 50%;
}

.intro-description {
    font-size: 32px;
    line-height: 50px;
    color: #fff;
}

.big-text {
    font-size: 34px;
    line-height: 45px;
    color: #093149;
    letter-spacing: 1px;
}

.medium-text {
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 2px;
}



/* ===================================
    1.5 Global Page CSS
====================================== */

.section {
    position: relative;
    padding: 75px 0;
    background-color: #fff
}

.section h2.entry-title,
.page-template-default.page .section h1.entry-title {
    text-align: center;
    font-size: 12px;
    line-height: 34px;
    color: #093149;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    background-color: #c5d6e8;
    display: table;
    margin: 0 auto;
    padding: 5px 30px 5px 35px;
    border-radius: 50px;
    margin-bottom: 50px;
}

.section .page-description {
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 50px;
    color: #093149;
}

.page .page-content {
    background-color: #fff;
    padding: 75px;
}



/* ===================================
    2. Inicio Section CSS
====================================== */

#inicio {
    background-image: url(images/bg-inicio.png);
    background-color: #093149;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: calc(100vh - 220px);
}


@-webkit-keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(35px);
        transform: translateY(35px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(35px);
        transform: translateY(35px);
    }
}



/* ===================================
    3. Bienvenida Section CSS
====================================== */

#bienvenida {
    background-image: url(images/wave.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: scroll;
    padding-bottom: 150px;
}

.service-item {
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
}

h5.service-title {
    font-weight: 300;
    color: #093149;
    font-size: 34px;
    line-height: 45px;
    padding-top: 0;
}

.service-item:after {
    content: "";
    display: block;
    position: absolute;
    top: -20%;
    left: -30%;
    width: 160%;
    height: 140%;
    border: 1px solid #9b79cd;
    border-radius: 50px;
    opacity: 0;
    transition: opacity .5s ease;
}

a.service-link {
    display: inline-block;
    color: #fff;
    background-color: #92c01f;
    text-align: left;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    transition: all .2s linear;
    border-radius: 50px;
    font-size: 16px;
    position: absolute;
    top: -15%;
    right: -22%;
    opacity: 0;
    z-index: 1;
    width: 54px;
    height: 54px;
    box-shadow: 0px 0px 50px 0px rgba(133, 170, 15, 0.65);
}

a.service-link:hover {
    color: #fff;
}

a.service-link:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f061";
    transition: transform .3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.service-item:hover:after,
.service-item:hover a.service-link {
    opacity: 1;
}



/* ===================================
    6. Patrocinadores Section CSS
====================================== */

#patrocinadores {
    background-color: white;
    padding-bottom: 0;
}

.contenedorPatro {
    display: flex;
    justify-content: center;
    /* Centra los contenedores .one_sixth horizontalmente */
}

.colaborador{
    max-width: 130px;
}
.filaPatro {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 30px 0 100px 0;
    gap: 30px;
    /* Añade un espacio entre los elementos */
}

.patrocinador {
    flex: 1;
    text-align: center;
    /* Ajusta este valor para aumentar o disminuir el espacio alrededor de cada patrocinador */
}

.patrocinador:last-child {
    margin-right: 0;
    /* Elimina el margen derecho del último patrocinador para evitar desajustes */
}



.big-number-full-width {
    background-image: url("images/stats_bg.png");
}

.text-slider-full-width {
    background-image: url("images/bg-registro.png");
}

.big-number {
    color: #093149;
    text-align: center;
    margin-bottom: 85px;
    padding: 13px 0;
}

.big-number-content {
    font-size: 135px;
    line-height: 100%;
    font-weight: 700;
    margin-top: -55px;
}

span.up-text {
    font-size: 72px;
    vertical-align: 85px;
    margin-left: -21px;
    font-weight: 300;
}

.big-down-text {
    font-size: 18px;
    line-height: 100%;
    font-weight: 400;
}



/* ===================================
    7. Ponentes Section CSS
====================================== */



#ponentes {
    background-image: url(images/bg-ponentes.png);
    background-color: #efefef;
    background-position: left top;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: fixed;
}

.filaPonente {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /* Esto distribuirá el espacio más uniformemente */
    align-items: flex-start;
    /* Alinea los elementos al inicio de la fila */
    max-width: 100%;
    /* Asegura que la fila no exceda el ancho de la pantalla */
    margin: 0 auto;
    /* Centra la fila dentro de su contenedor padre */
}


.one_fifth {
    flex: 0 0 18%;
    /* Asegura que cada elemento ocupe el 18% del espacio, permitiendo 5 elementos por fila */
    box-sizing: border-box;
    margin-bottom: 20px;
    /* Ajusta el margen inferior como prefieras */
}

.one_sixth {
    flex: 0 0 calc(20% - 10px);
    /* Ajusta el ancho para 6 elementos por fila, restando el gap deseado */
    box-sizing: border-box;
    margin: 0 0 20px 0;
    margin-bottom: 20px;
    /* Espacio debajo de cada ponente */
}

.member {
    text-align: center;
    /* Centra el contenido del ponente */
    margin: 0 10% 0 10%;
}

.member-img {
    border-radius: 90%;
    max-width: 100%;
    /* Asegura que la imagen no sobrepase el contenedor */
    height: auto;
    /* Mantiene la proporción de la imagen */
}

.member .member-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 0;
}

.member-position {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
}

body .social a {
    color: #fff;
}

.social span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
}

/* ===================================
    Registro Section CSS
====================================== */

.registro-page {
    background-color:#2c2f72;
    background-size: cover;
    background-position: center;
    height: 500px;
    /* Ajusta este valor al alto real de tu imagen */
    width: 100%;
}


.registro-form {
    max-width: 400px;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 0px 30px rgba(255, 255, 255, 0.3);
    margin: 20px auto;
    background-image: linear-gradient(to bottom, #038345, #004e28); /* Gradiente de azul claro a oscuro */
    color: #ddd; /* Texto claro para mejor contraste */
}


.registro-form .form-field {
    margin-bottom: 20px;
    text-align: center;
}

.registro-form input[type="text"],
.registro-form input[type="email"] {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #093149;
    color: white; /* Texto claro */
    font-size: 18px; /* Aumentar el tamaño del texto introducido */
}

.registro-form input::placeholder {
    color: #bbb; /* Placeholder más claro */
    font-size: 15px;
}

.registro-form .submit-btn {
    width: 50%;
    margin-top: 10px;
    padding: 10px;
    border: none;
    border-radius: 4px;
    background-color: #92c01f; /* Color de fondo para el botón de enviar */
    box-shadow: 0px 0px 30px 0px rgba(133, 170, 15, 0.40);
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.registro-form .submit-btn:hover,
.registro-form .submit-btn:focus {
    background-color: #85aa0f; /* Color más oscuro al pasar el ratón o al hacer foco */
}

/* Para asegurarse de que el formulario sea legible y atractivo en dispositivos móviles */
@media (max-width: 480px) {
    .registro-form {
        width: calc(100% - 40px); /* Toma en cuenta el padding */
        padding: 20px;
    }
}

/* ===================================
    DASHBOARD
====================================== */



.login-container {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

form {
    display: flex;
    flex-direction: column;
}

label, input {
    margin-bottom: 10px;
}

button {
    padding: 10px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background-color: #0056b3;
}

/* ===================================
    9. Programa Section CSS
====================================== */

.fecha-programa {
    font-size: 20px;
    background-color: #EFEFEF;
    /* Le da un color de fondo distintivo */
    font-weight: 600;
    padding: 10px 0;
    /* Añade un poco de espacio vertical para mejor legibilidad */
}

.programa-evento {
    max-width: 1300px;
    /* Establece el ancho máximo del contenedor */
    margin: 0 auto;
    /* Centra el contenedor en la página */
    overflow-x: auto;
    /* Permite desplazamiento horizontal para pantallas pequeñas */
}

.programa-evento table {
    width: 100%;
    /* Hace que la tabla use todo el ancho del contenedor */
    border-collapse: collapse;
}

.programa-evento th,
.programa-evento td {
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid #ddd;
}

.programa-evento th {
    background-color: #325aa8;
    color: white;
}

.programa-evento tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.programa-evento tbody tr:hover {
    background-color: #ddd;
}

.programa-hora {
    width: 13%;
    text-align:center;
    /* Ajusta este valor según necesites */
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    
}


.programa-otros{

    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color:grey;
}

.programa-sesion {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color:#00ac6f;
}

.programa-ponente {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color:#546dae;
    font-weight: bold;
}

.programa-cargo {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color:#546dae;
}

.programa-pausa td {
    text-align:center;
    font-weight: bold;
    font-size: 18px;
    /* Centra el texto */
    color:white;
    background-color:#546dae ;
    /* Color de fondo claro para resaltar la pausa */
    padding: 10px 0;
    /* Añade algo de padding para más espacio */
    font-style: italic;
    /* Opcional: estilo de fuente para diferenciar la pausa */
}

.weight800 {
    font-weight: 800;
}




.blog-item-holder {
    text-align: center;
    padding: 30px 0;
}

.blog-item-holder:hover {
    background-color: #f3f1f6;
}

.blog-holder .post-thumbnail {
    max-width: 1070px;
    margin: 0 auto;
}

.blog-item-holder h4 {
    padding: 0;
    max-width: 930px;
    margin: 0 auto;
}

.blog-item-holder h4 a {
    color: #093149;
    font-size: 22px;
    line-height: 45px;
    font-weight: 600;
}

.blog-item-holder:hover h4 a {
    color: #093149;
}

.blog-item-holder h4 a span {
    box-shadow: none !important;
}

.blog-item-holder h4 a span:after {
    content: "\f061";
    padding: 13px 14px;
    background-color: #92c01f;
    display: inline-block;
    margin-left: 20px;
    border-radius: 90%;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    color: #fff;
    opacity: 0;
    transition: opacity .4s ease, box-shadow .3s ease;
    position: absolute;
    box-shadow: 0px 0px 50px 0px rgba(133, 170, 15, 0.65);
}

.blog-item-holder:hover h4 a span:after {
    opacity: 1;
}

.blog-item-holder .entry-date.published,
.blog-item-holder .author.vcard,
.blog-item-holder .kudos {
    display: inline-block;
}

.blog-item-holder .author.vcard,
.blog-item-holder .kudos {
    margin-left: 20px;
}

.blog-item-holder .big-circle {
    width: 29px;
    height: 29px;
    display: inline-block;
    vertical-align: -8px;
    border: 1px solid;
    border-radius: 90%;
    position: relative;
    color: #92c01f;
    transition: all .3s ease;
}

.blog-item-holder .big-circle:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 13px;
    height: 13px;
    border: 1px solid;
    border-radius: 90%;
}

.blog-item-holder .big-circle:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 13px;
    width: 3px;
    height: 3px;
    background-color: #92c01f;
    border-radius: 90%;
}

.blog-item-holder .big-circle:hover {
    cursor: pointer;
    color: #9a9a9a;
}

.blog-item-holder .big-circle:hover:before {
    background-color: #9a9a9a;
}

.blog-item-holder .post-kudo a {
    display: inline-block;
}

.blog-item-holder .count {
    margin-left: 5px;
    width: 1px;
    display: inline-block;
}



/* ===================================
    9.1 Single Post CSS
====================================== */

.single .site-content {
    background-color: #fff;
}

.single h1.entry-title {
    color: #325aa8;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 100px;
}

.single .has-post-thumbnail h1.entry-title {
    padding-top: 20px;
}

.single .entry-info {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}

.single .entry-info a {
    color: #325aa8;
}

.single .entry-info a:hover {
    color: #92c01f;
}

.single .entry-info div,
.single .entry-info .cat-links ul {
    display: inline-block;
}

.single .entry-info div:after {
    content: "/";
    display: inline-block;
    margin: 0 10px;
}

.single .entry-info div:last-of-type:after {
    display: none;
}

.single .entry-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.single .entry-info ul li {
    display: inline-block;
}

.entry-info .cat-links li:after {
    content: ",";
    padding-right: 5px;
}

.entry-info .cat-links ul li:last-child:after {
    display: none;
}

.single-post-featured-image {
    text-align: center;
    margin-bottom: 30px;
    padding-top: 100px;
}

.single-post .entry-content {
    padding: 45px 0;
}

.tags-holder {
    margin: 50px 0;
    display: inline-block;
}

.tags-holder a {
    color: #fff;
    border: 1px solid #92c01f;
    text-decoration: none;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    padding: 5px 17px 5px 20px;
    font-size: 10px;
    text-transform: uppercase;
    background-color: #92c01f;
    border-radius: 50px;
    transition: all .3s ease;
    letter-spacing: 3px;
}

.tags-holder a:last-of-type {
    margin-right: 0;
}

.tags-holder a:hover {
    background-color: #fff;
}

.single .wp-link-pages span {
    color: #191919;
}

.single .wp-link-pages {
    color: #92c01f;
}

.single .nav-links {
    padding-bottom: 75px;
    position: relative;
}

.single .nav-links a {
    color: #325aa8;
}

.single .nav-links a:hover {
    color: #92c01f;
}

.single .nav-previous {
    display: inline-block;
    text-align: right;
    float: left;
    width: 46%;
}

.single .nav-next {
    display: inline-block;
    float: right;
    width: 46%;
    text-align: left;
}

.nav-previous a,
.nav-next a {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

.single .nav-previous a {
    float: right;
}

.single .nav-previous a[rel="prev"]:before {
    content: "\f060";
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 13px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 10px;
    transition: transform .3s ease;
}

.single .nav-previous a[rel="prev"]:hover:before {
    transform: translateX(-10px);
}

.single .nav-next a {
    float: left;
}

.single .nav-next a[rel="next"]:before {
    content: "\f061";
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 13px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 10px;
    transition: transform .3s ease;
}

.single .nav-next a[rel="next"]:hover:before {
    transform: translateX(10px);
}

.nav-links .cat-links ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    line-height: 22px;
}

.nav-links .cat-links ul li {
    display: inline-block;
}

.nav-links .cat-links a {
    font-size: 11px;
    line-height: 22px;
    letter-spacing: 5px;
    text-transform: uppercase;
    float: none;
}

.nav-links .cat-links li:after {
    content: ",";
    padding-right: 5px;
    display: inline-block;
    font-size: 11px;
    line-height: 22px;
}

.nav-links .cat-links li:last-child:after {
    display: none;
}


/* ===================================
    11. Footer CSS
====================================== */


footer ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.footer {
    font-size: 16px;
    line-height: 36px;
    padding-top: 20px;
    padding-bottom: 20px;
    clear: both;
    color: #fff;
    text-align: center;
    background-color: #325aa8;
}

body .footer a {
    color: #fff;
}

.footer-text:before {
    content: "";
    display: block;
    height: 77px;
    width: 2px;
    background: #1a1a1a;
    position: absolute;
    left: 50%;
    margin-left: -2px;
    top: -95px;
}

.footer-text {
    position: relative;
    margin-top: 80px;
    padding-bottom: 50px;
}

ul.copyright-holder {
    font-size: 14px;
}

ul.copyright-holder:after {
    content: "";
    display: block;
    clear: both;
}

li.copyright-footer {
    float: left;
    text-align: left;
    width: 50%;
}

li.social-footer {
    float: right;
    text-align: right;
    width: 50%;
}

li.social-footer a {
    padding-left: 20px;
}

li.social-footer a:first-child {
    padding-left: 0;
}


/* ===================================
    12. Responsive CSS
====================================== */


@media screen and (max-width: 1600px) {

    .content-1070,
    .content-960,
    .content-740 {
        max-width: 95%;
    }

}

@media screen and (max-width: 1220px) {

    blockquote {
        font-size: 17px;
        line-height: 28px;
    }

    blockquote:before {
        line-height: 150px;
        font-size: 150px;
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        display: block;
        margin-bottom: -60px;
    }

}

@media screen and (max-width: 1024px) {

    .sm-clean li {
        margin-right: 8px;
    }

    .sm-clean a,
    .sm-clean a:hover,
    .sm-clean a:focus,
    .sm-clean a:active,
    .sm-clean a.highlighted {
        padding: 15px 8px;
    }

    .service-item:after {
        left: -15%;
        width: 130%;
    }

    a.service-link {
        right: -8%;
    }

    .portfolio-arrow {
        top: 2px;
        left: -70px;
    }

    .portfolio-title {
        font-size: 22px;
        line-height: 34px;
    }

    .portfolio-desc {
        font-size: 14px;
        line-height: 20px;
    }

}

@media screen and (min-width: 1020px) {
    .v-skill-fill {
        width: 100% !important;
    }
}

@media screen and (max-width: 1020px) {

    #header-main-menu {
        padding-bottom: 70px;
    }

    .section {
        background-attachment: scroll !important;
        padding: 75px 0 !important;
    }

    .menu-wrapper {
        width: 95%;
    }

    .main-menu ul {
        width: 12em;
    }

    .toggle-holder {
        display: block;
    }

    .sm-clean li {
        margin: 0 auto !important;
    }

    .sm-clean a.has-submenu {
        display: inline-block;
    }

    .menu-holder {
        position: fixed;
        text-align: center;
        height: 100%;
        background-color: #325aa8;
        right: -100%;
        top: 77px;
        transition: right .3s ease;
        width: 300px;
        overflow: auto;
        max-width: 100%;
    }

    .menu-holder.show {
        right: 0;
    }

    .sm-clean ul ul a,
    .sm-clean ul ul a:hover,
    .sm-clean ul ul a:focus,
    .sm-clean ul ul a:active {
        border: none;
    }

    .sm-clean a span.sub-arrow {
        background: transparent;
    }

    .sm-clean a,
    .sm-clean a:hover,
    .sm-clean a:focus,
    .sm-clean a:active,
    .sm-clean a.highlighted {
        padding: 10px 18px 10px 18px;
        margin-bottom: 5px;
    }

    .text-left {
        text-align: center;
    }

    .section h2.entry-title,
    .page-template-default.page .section h1.entry-title,
    .blog h1.entry-title {
        margin-bottom: 35px;
    }

    .section .page-description,
    .blog .page-description {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .blog-item-holder h4 a {
        max-width: 95%;
        display: inline-block;
        font-size: 18px;
        line-height: 30px;
    }

    .blog-item-holder h4 a span {
        display: none !important;
    }

    .blog-item-holder .entry-date.published,
    .blog-item-holder .author.vcard,
    .blog-item-holder .kudos {
        margin-top: 10px;
    }

    .contact-page-left {
        float: none;
        position: relative;
        width: 80%;
        height: auto;
        padding: 10% 10% 3% 10%;
        border-radius: 50px 50px 0 0;
        text-align: center;
    }

    .contact-page-right {
        float: none;
        width: 80%;
        height: auto;
        border-radius: 0 0 50px 50px;
        padding: 10%;
    }

    .single h1.entry-title {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 0;
        max-width: 95%;
    }

    .single-post .entry-content {
        padding: 20px 0;
    }

    /*
    .filaPonente{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .one_half, .one_third, .one_fourth,  .two_third, .three_fourth
    {
        width: 100% ;
        float: none;
        margin-right: 0;
        margin-left: 0;
        text-align: center;
    }
*/


    .big-number {
        margin-bottom: 85px;
    }

    .big-text {
        font-size: 30px;
        line-height: 35px;
    }

    .v-skills-holder {
        position: relative;
        margin: 40px auto;
        display: block;
        text-align: center;
    }

    .v-skills-level,
    .v-skills-level-2,
    .v-skills-holder:after,
    .v-skills-holder:before {
        display: none;
    }

    .v-skill {
        width: 300px;
        max-width: 100%;
        height: 25px;
        margin: 0 auto;
        border: 10px solid #fff;
    }

    .v-skill-fill {
        height: 100% !important;
        border-radius: 50px 0 0 50px;
    }

    span.v-skill-text {
        left: 20px;
        bottom: 0;
        color: #fff;
        transform: none;
    }

    .service-item {
        max-width: none;
        margin-bottom: 85px;
    }

    .service-item:after {
        display: none;
    }

    a.service-link {
        opacity: 1;
        position: relative;
        top: 25px;
        right: auto;
    }

    .grid-item a.item-link:after,
    .portfolio-text-holder {
        display: none !important;
    }

    .big-number-content {
        font-size: 85px;
    }

    span.up-text {
        font-size: 50px;
        vertical-align: 65px;
    }

    .single.single-portfolio .portfolio-item-wrapper {
        padding: 10% 0;
    }

    .single.single-portfolio .content-wrapper {
        padding: 5% 10%;
    }

    .footer {
        padding-bottom: 30px;
    }

    ul#footer-sidebar li.widget {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 30px;
    }

    ul#footer-sidebar li.widget:nth-child(3n) {
        margin-bottom: 0;
    }

    li.copyright-footer {
        float: none;
        text-align: center;
        width: 100%;
    }

    li.social-footer {
        float: none;
        text-align: center;
        width: 100%;
    }

    .wait-01s,
    .wait-02s,
    .wait-03s,
    .wait-04s,
    .wait-05s,
    .wait-06s,
    .wait-07s,
    .wait-08s,
    .wait-09s,
    .wait-10s,
    .wait-11s,
    .wait-12s,
    .wait-13s,
    .wait-14s,
    .wait-15s {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

}


@media screen and (max-width: 805px) {

    .single-post .tags-holder {
        width: auto;
    }

}

/******RESPONSIVE MOVIL*******************************************************************************************************************************/

@media (max-width: 768px) {

    .registro-form {
        max-width: 80%;
    }

    .tituloVideo {
        margin-top: 0;
        width: 90%;
        height: 90%;
    }

    .content-1300 {
        width: 90%;
    }

    /* Ajusta para dispositivos móviles */
    .patrocinador {
        flex-basis: 100%;
        /* Hace que cada patrocinador ocupe el 100% del ancho en pantallas pequeñas */
    }

    .one_sixth {
        flex: 0 0 48%;
        /* Dos elementos por fila */
        margin: 0 1% 20px;
        /* Espaciado entre elementos */
        /* Elimina o comenta la línea de max-width: 10%; */
    }

    .member {
        margin: 0;
        /* Elimina márgenes extra */
    }

}

/******RESPONSIVE MOVIL 2*******************************************************************************************************************************/

@media (max-width: 480px) {

    .registro-form {
        max-width: 80%;
    }

    .tituloVideo {
        margin-top: 0;
        width: 90%;
        height: 90%;
    }

    .content-1300 {
        width: 90%;
    }

    .one_sixth {
        flex: 0 0 45%;
        /* Dos elementos por fila, con más espacio entre ellos */
        margin: 0 2.5% 20px;
        /* Ajusta márgenes para mantener el espaciado */
    }

    .member {
        margin: 0;
        /* Asegura que no hay márgenes extra */
    }

}

@media screen and (max-width: 750px) {

    .page .page-content {
        padding: 5%;
    }

    .single .nav-previous,
    .single .nav-next {
        display: block;
        width: 95%;
        text-align: center;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .single .nav-previous a,
    .single .nav-next a {
        float: none;
    }

    .single .nav-previous {
        padding-bottom: 40px;
    }

    .grid-item,
    .grid-sizer {
        width: 100% !important;
    }

}

@media screen and (max-width: 650px) {

    .single .entry-info div,
    .single .entry-info .cat-links ul {
        display: block;
    }

    .single .entry-info div:after {
        display: none;
    }

    .nav-previous a,
    .nav-next a {
        font-size: 16px;
        line-height: 25px;
    }

    .nav-links .cat-links a {
        font-size: 10px;
        line-height: 20px;
        letter-spacing: 3px;
    }

}

@media screen and (max-width: 630px) {
    /*
    .curve-text
    {
        font-size: 90px;
        line-height: 105px;    
    }*/

    .intro-description {
        font-size: 20px;
        line-height: 35px;
    }



    .big-number {
        margin-bottom: 60px;
    }

    .big-number-content {
        font-size: 35px;
        margin-top: -20px;
    }

    span.up-text {
        font-size: 35px;
        vertical-align: 33px;
        margin-left: -5px;
    }

    .category-filter-list .button {
        margin-right: 8px;
        padding: 7px 17px 7px 17px;
        font-size: 14px;
    }

    .v-skill {
        border: 0;
        margin-bottom: 10px;
    }

    .text-slider-wrapper {
        font-size: 18px;
        line-height: 27px;
    }

    .text-slide-name {
        margin-bottom: 5px;
    }

}

@media screen and (max-width: 400px) {

    .blog-item-holder .entry-date.published {
        display: none;
    }

    .contact-info span {
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .contact-info-content {
        display: block;
        text-align: center;
    }
}