html.ltie9 body, body{ 
min-width: 1140px; 
}

.container{ 
max-width: 1140px; 
}

.gdlr-caption-wrapper .gdlr-caption-inner{ 
max-width: 1140px; }

.body-wrapper.gdlr-boxed-style{ 
max-width: 1220px; overflow: hidden; 
}

.body-wrapper.gdlr-boxed-style .gdlr-header-wrapper{ 
max-width: 1220px; margin: 0px auto; }

.gdlr-logo{
max-width: 180px; }

.gdlr-logo{
margin-top: 18px; }

.gdlr-logo{
margin-bottom: 18px; }

.gdlr-navigation-wrapper{
margin-top: 26px; }
.gdlr-menu-search-button-sep, #gdlr-menu-search-button{
top: 26px; }

.gdlr-page-title-wrapper { 
background-image: url('../images/main1.png'); 
background-size: cover;
}

.img-bien { 
	background-image: url('../images/main.png')!important; 
	background-size: cover;
}

.img-prog { 
	background-image: url('../images/progra.png')!important; 
	background-size: cover;
}

.img-con { 
	background-image: url('../images/hover/h-con.png')!important; 
	background-size: cover;
}

.img-inv { 
	background-image: url('../images/hover/h-inv.png')!important; 
	background-size: cover;
}

.img-opc { 
	background-image: url('../images/hover/h-opc.png')!important; 
	background-size: cover;
}

.img-pre { 
	background-image: url('../images/hover/h-pre.png')!important; 
	background-size: cover;
}

.img-org { 
	background-image: url('../images/hover/h-org.png')!important; 
	background-size: cover;
}


h1, h2, h3, h4, h5, h6{ 
font-family: 'Open Sans', sans-serif;
 }

body, input, textarea, select{ 
font-family: "Montserrat"; }


.gdlr-navigation{ 
font-family: 'Open Sans', sans-serif; }

.gdlr-slider-item{ 
font-family: 'Open Sans', sans-serif; }

body{ 
font-size: 16px; }

h1{ 
font-size: 30px; }

h2{ 
font-size: 25px; }

h3{ 
font-size: 20px; }

h4{ 
font-size: 18px; }

h5{ 
font-size: 16px; }

h6{ 
font-size: 15px; }

.top-navigation-wrapper{ 
color: #ffffff; }

.top-navigation-wrapper a{ 
color: #f3f3f3; }

.top-navigation-wrapper{ 
background-color: #333333; }

/*   /////  fixed background header   */

.gdlr-header-inner{
background-color: #0d1b2a; }

.gdlr-main-menu > li > a{ 
color: #036ca0;
font-size:16px; }

/* //// color menu principal hover  */
.gdlr-main-menu > li:hover > a, .gdlr-main-menu > li.current-menu-item > a, .gdlr-main-menu > li.current-menu-ancestor > a{ 
color: #57BFE1; opacity: 1; filter: alpha(opacity=100); 
}

.gdlr-navigation-gimmick{ 
background-color: #036ca0; }

.gdlr-menu-search{ 
background: #424242; background: rgba(66, 66, 66, 0.8); }

#gdlr-menu-search input[type="text"]{ 
color: #ffffff; }

.gdlr-fixed-header .gdlr-header-inner{
background-color: #0d1b2a;
border-bottom: solid 1px #1e3a5f; }

.gdlr-main-menu > .gdlr-normal-menu .sub-menu, .gdlr-main-menu > .gdlr-mega-menu .sf-mega{ 
border-top-color: #036ca0; }

.gdlr-main-menu > .gdlr-normal-menu li , .gdlr-main-menu > .gdlr-mega-menu .sf-mega{ 
background-color: #036ca0; }

.gdlr-main-menu > li > .sub-menu a, .gdlr-main-menu > li > .sf-mega a{ 
color: #bebebe;
text-decoration: none;
font-size:12px;
line-height: 22px;
text-transform:uppercase; }

.gdlr-main-menu > li > .sub-menu a:hover, .gdlr-main-menu > li > .sub-menu .current-menu-item > a, .gdlr-main-menu > li > .sub-menu .current-menu-ancestor > a, .gdlr-main-menu > li > .sf-mega a:hover, .gdlr-main-menu > li > .sf-mega .current-menu-item > a, .gdlr-main-menu > li > .sf-mega .current-menu-ancestor > a{ 
color: #fff; 
}

.gdlr-main-menu .gdlr-normal-menu li > a.sf-with-ul:after { 
border-left-color: #fff; 
}


.gdlr-main-menu .sf-mega-section-inner > ul > li > a:hover, .gdlr-main-menu .sf-mega-section-inner > ul > li.current-menu-item > a { 
background-color: #fff; 
}


.gdlr-main-menu > li > .sub-menu *, .gdlr-main-menu > li > .sf-mega *{ 
border-color: #fff; }

.gdlr-main-menu > li > .sf-mega .sf-mega-section-inner > a { 
color: #ffffff; }

.gdlr-main-menu > li > .sf-mega .sf-mega-section-inner > a:hover, .gdlr-main-menu > li > .sf-mega .sf-mega-section-inner.current-menu-item > a, .gdlr-main-menu > li > .sf-mega .sf-mega-section-inner.current-menu-ancestor > a { 
color: #ffffff; }

#gdlr-responsive-navigation.dl-menuwrapper button { 
background-color: #353535; }

#gdlr-responsive-navigation.dl-menuwrapper button:hover, #gdlr-responsive-navigation.dl-menuwrapper button.dl-active, #gdlr-responsive-navigation.dl-menuwrapper ul{ 
background-color: #0a0a0a; }

body{ 
background-color: #dddddd; }

.body-wrapper, .gdlr-single-lightbox-container{ 
background-color: #ffffff; }

.gdlr-page-title, .gdlr-page-title-gimmick{ 
color: #ffffff; }

.gdlr-page-caption{ 
color: #ffffff; }

h1, h2, h3, h4, h5, h6, .gdlr-title, .gdlr-title a{ 
color: #454545; }

.gdlr-item-title-wrapper .gdlr-item-title{ 
color: #292929; border-color: #292929; }

.gdlr-item-title-divider{ 
border-color: #333333; }

.gdlr-item-title-wrapper .gdlr-item-caption{ 
color: #9b9b9b; }

body{ 
color: #8b8b8b; }

a{ 
color: #036c9f; }
.single-session .gdlr-session-info .session-info.session-document a, .single-session .gdlr-session-info .session-info.session-document i{ 
color: #036c9f; }

a:hover{ 
color: #036c9f; }

body *{ 
border-color: #dddddd; }

.page-not-found-block{ 
background-color: #d65938; }

.page-not-found-block{ 
color: #ffffff; }

.page-not-found-search  .gdl-search-form input[type="text"]{ 
background-color: #963a20; }

.page-not-found-search  .gdl-search-form input[type="text"]{ 
color: #d57f5c; }

.gdlr-sidebar .gdlr-widget-title{ 
color: #383838; }

.gdlr-sidebar *{ 
border-color: #eeeeee; }

.gdlr-sidebar ul li:before { 
border-color: #bdbdbd; }

.gdl-search-form input{ 
background-color: #f7f7f7; }

.gdl-search-form input{ 
color: #9d9d9d; }

.gdl-search-form input{ 
border-color: #ebebeb; }

.tagcloud a{ 
background-color: #f3f3f3; }

.tagcloud a, .tagcloud a:hover{ 
color: #b2b2b2; }

ul.gdlr-twitter-widget li:before{ 
color: #47bdee; }

ul.gdlr-twitter-widget li .gdlr-twitter-time{ 
color: #b1b1b1; }

.gdlr-accordion-item.style-1 .pre-active .accordion-title{ 
color: #3c3c3c; }

.gdlr-accordion-item.style-1 .accordion-title{ 
color: #8d8d8d; }

.gdlr-accordion-item.style-1 .accordion-title i{ 
background-color: #f3f3f3; }

.gdlr-accordion-item.style-1 .accordion-title i{ 
color: #a8a8a8; }

.gdlr-accordion-item.style-1 .accordion-title i.icon-minus{ 
background-color: #f2381a; }

.gdlr-accordion-item.style-1 .accordion-title i.icon-minus{ 
color: #ffffff; }

.gdlr-banner-item-wrapper .flex-direction-nav .flex-prev, .gdlr-banner-item-wrapper .flex-direction-nav .flex-next{ 
color: #999999; }

.gdlr-box-with-icon-item{ 
background-color: #f5f5f5; }

.gdlr-box-with-icon-item > i, .gdlr-box-with-icon-item .box-with-icon-title{ 
color: #585858; }

.gdlr-box-with-icon-item{ 
color: #929292; }

.gdlr-button, .gdlr-button:hover, input[type="button"], input[type="submit"], .gdlr-top-menu > .gdlr-mega-menu .sf-mega a.gdlr-button{ 
color: #ffffff; }

.gdlr-button, input[type="button"], input[type="submit"]{ 
background-color: #f2381a; }

.gdlr-button.with-border{ 
border-color: #a72510; }

.column-service-title{ 
color: #333333; }

.column-service-content{ 
color: #909090; }

.column-service-icon i{ 
color: #bababa; }

.gdlr-column-service-item.gdlr-type-2 .column-service-icon{ 
background-color: #3e3e3e; }

.list-with-icon .list-with-icon-title{ 
color: #333333; }

.gdlr-pie-chart-item .pie-chart-title{ 
color: #313131; }

.gdlr-price-inner-item{ 
background-color: #f9f9f9; }

.gdlr-price-item .price-title-wrapper{ 
background-color: #454545; }

.gdlr-price-item .price-title{ 
color: #ffffff; }

.gdlr-price-item .price-tag{ 
background-color: #838383; }

.gdlr-price-item .best-price .price-tag{ 
background-color: #f2381a; }

.gdlr-price-item .price-tag{ 
color: #ffffff; }

.gdlr-process-tab .gdlr-process-icon{ 
background-color: #f3f3f3; }

.gdlr-process-tab .gdlr-process-icon{ 
border-color: #e3e3e3; }

.gdlr-process-tab .gdlr-process-icon i{ 
color: #aaaaaa; }

.gdlr-process-tab .process-line .process-line-divider{ 
border-color: #e3e3e3; 
}

.gdlr-process-tab .process-line .icon-chevron-down, .gdlr-process-tab .process-line .icon-chevron-right{ 
color: #e3e3e3; }

.gdlr-process-wrapper .gdlr-process-tab .gdlr-process-title{ 
color: #454545; }

.gdlr-skill-item-wrapper{ 
color: #3a3a3a; }

.stunning-text-title{ 
color: #414141; }

.stunning-text-caption{ 
color: #949494; }

.gdlr-stunning-text-item.with-padding{ 
background-color: #f3f3f3; }

.gdlr-stunning-text-item.with-border{ 
border-color: #f3f3f3; }

.tab-title-wrapper .tab-title{ 
background-color: #f9f9f9; }

.tab-title-wrapper .tab-title{ 
color: #3b3b3b; }

.tab-title-wrapper .tab-title.active, .tab-content-wrapper{ 
background-color: #ffffff; }

table tr th{ 
background-color: #f2381a; }

table tr th{ 
color: #ffffff; }

table.style-2 tr:nth-child(odd){ 
background-color: #f9f9f9; }

table.style-2 tr:nth-child(odd){ 
color: #949494; }

table.style-2 tr:nth-child(even){ 
background-color: #f3f3f3; }

table.style-2 tr:nth-child(even){ 
color: #949494; }

.gdlr-blog-title, .gdlr-blog-title a{ 
color: #323232; }

.gdlr-blog-title a:hover{ 
color: #323232; }

.gdlr-blog-full .post-header-bottom-gimmick{ 
border-color: #036c9f; }
.gdlr-blog-date-wrapper{ 
color: #036c9f; }

.blog-info, .blog-info a, .blog-info i{ 
color: #a3a3a3; }

.gdlr-blog-thumbnail .gdlr-sticky-banner{ 
background-color: #232323; }

.gdlr-blog-thumbnail .gdlr-sticky-banner, .gdlr-blog-thumbnail .gdlr-sticky-banner i{ 
color: #ffffff; }

.gdlr-social-share, .gdlr-social-share a{ 
background-color: #f3f3f3; }

.gdlr-social-share .social-share-title{ 
color: #353535; }

.gdlr-standard-style .gdlr-single-blog-tag a{ 
background-color: #036c9f; }

.gdlr-standard-style .gdlr-single-blog-tag a{ 
color: #ffffff; }

.gdlr-blog-widget .blog-date-wrapper{ 
background-color: #eeeeee; }

.gdlr-blog-widget .blog-date-wrapper{ 
color: #222222; }

.format-aside .gdlr-blog-content{ 
background-color: #f2381a; }

.format-aside .gdlr-blog-content{ 
color: #ffffff; }

.format-quote .gdlr-top-quote blockquote{ 
color: #8d8d8d; }

.format-quote .gdlr-quote-author{ 
color: #f2381a; }

.gdlr-single-nav > div i{ 
background-color: #f3f3f3; }

.gdlr-single-nav > div i{ 
color: #8d8d8d; }

.gdlr-outer-nav.gdlr-nav-container span{ 
background-color: #ffffff; }

.gdlr-outer-nav.gdlr-nav-container span i{ 
color: #c0c0c0; }

.gdlr-outer-nav.gdlr-nav-container span:hover{ 
background-color: #f2381a; }

.gdlr-outer-nav.gdlr-nav-container span:hover i{ 
color: #ffffff; }

.portfolio-item-filter a{ 
background-color: #f0f0f0; 
}


.portfolio-item-filter a{ 
color: #ababab; }

.portfolio-item-filter a:hover, .portfolio-item-filter a.active{ 
background-color: #036c9f; 
}


.portfolio-item-filter a:hover, .portfolio-item-filter a.active{ 
color: #ffffff; }

.gdlr-image-link-shortcode .gdlr-image-link-overlay, .portfolio-thumbnail .portfolio-overlay{ 
background-color: #f2381a; }

.gdlr-image-link-shortcode .gdlr-image-link-icon, .portfolio-thumbnail .portfolio-icon i{ 
color: #ffffff; }

.portfolio-title a{ 
color: #303030; }

.portfolio-title a:hover{ 
color: #7f7f7f; }

.portfolio-info, .portfolio-info a{ 
color: #a2a2a2; }

.portfolio-item-holder .gdlr-modern-portfolio .portfolio-info, .portfolio-item-holder .gdlr-modern-portfolio .portfolio-info a{ 
color: #9f9f9f; }

.gdlr-pagination .page-numbers{ 
background-color: #ebebeb; }

.gdlr-pagination .page-numbers{ 
color: #979797; }

.gdlr-pagination .page-numbers:hover, .gdlr-pagination .page-numbers.current{ 
background-color: #f2381a; }

.gdlr-pagination .page-numbers:hover, .gdlr-pagination .page-numbers.current{ 
color: #ffffff; }

.gdlr-personnel-item .personnel-item-inner{ 
background-color: #f5f5f5; }

.gdlr-personnel-item.round-style .personnel-item{ 
background-color: #f2381a; }

.gdlr-personnel-item .personnel-author{ 
color: #3b3b3b; }

.gdlr-personnel-item .personnel-author-image{ 
border-color: #f2381a; }

.gdlr-personnel-item .personnel-position{ 
color: #acacac; }

.gdlr-personnel-item .personnel-content{ 
color: #959595; }

.gdlr-personnel-item .personnel-social i{ 
color: #3b3b3b; }

.gdlr-testimonial-item .testimonial-item-inner, .gdlr-testimonial-item .testimonial-author-image{ 
background-color: #f5f5f5; }

.gdlr-testimonial-item .testimonial-content{ 
color: #9b9b9b; }

.gdlr-testimonial-item .testimonial-author{ 
color: #f2381a; }

.gdlr-testimonial-item .testimonial-position{ 
color: #4d4d4d; }

.gdlr-testimonial-item .testimonial-author-image{ 
border-color: #f2381a; }

.gdlr-testimonial-item.box-style .testimonial-item-inner:after{ 
border-top-color: #dddddd; border-left-color: #dddddd; }

.gdlr-speaker-thumbnail-overlay{ 
background-color: #036c9f; }

.gdlr-speaker-item .gdlr-speaker-thumbnail-overlay-icon a{ 
color: #fff; 
text-decoration: none!important;
}

.gdlr-speaker-item .gdlr-speaker-item-title a{ 
color: #fff; 
text-decoration: none!important;
}

.gdlr-speaker-item .gdlr-speaker-item-position{  /* descripcion*/
color: #f7f7f7;
font-size: 14px;
margin-bottom: 7px;
font-weight: normal;
font-style: normal;
text-decoration: none!important;
font-family: 'Open Sans', sans-serif;
}

.single-speaker .gdlr-speaker-info-inner, .single-speaker .gdlr-speaker-info-inner a, .single-speaker .gdlr-speaker-info-inner .gdlr-speaker-name{ 
color: #ffffff; }

.single-speaker .gdlr-speaker-info-inner { 
background-color: #eb4a30; }

.single-speaker .gdlr-speaker-info-inner { 
border-bottom-color: #af4230; }

.single-speaker .gdlr-speaker-session-item{ 
background-color: #f2f2f2; }

.single-speaker .gdlr-speaker-session-item{ 
border-bottom-color: #dfdfdf; }

.single-speaker .speaker-session-item-title a{ 
color: #ffffff; }

.single-speaker .speaker-session-item-title{ 
background-color: #424242; }

.gdlr-ticket-item .gdlr-ticket-head{ 
background-color: #e9e9e9; 
height: 100px;}

.gdlr-ticket-item .gdlr-ticket-head-title{ 
color: #363636; }

.gdlr-ticket-item .gdlr-ticket-head-price{ 
color: #036c9f; }

.gdlr-ticket-item .gdlr-ticket-content{ 
background-color: #f9f9f9; }

.gdlr-ticket-item .gdlr-ticket-content{ 
color: #8b8b8b; }

.gdlr-ticket-item .gdlr-ticket-content:hover{ 
	background-color: #e2dfdf!important; }

.gdlr-ticket-item .gdlr-ticket-button { 
background-color: #036c9f; }

.gdlr-ticket-item .gdlr-ticket-button { 
color: #ffffff; }

.gdlr-ticket-item .gdlr-ticket-head-featured{ 
background-color: #036c9f; }

.gdlr-ticket-item .gdlr-ticket-head-featured{ 
color: #fff; }

.gdlr-paypal-form-head span{ 
color: #036c9f; }

.gdlr-paypal-form-wrapper input[type="button"].gdlr-button-paypal{ 
background-color: #0a84f6; }

.gdlr-paypal-form-wrapper input[type="button"].gdlr-button-paypal{ 
border-bottom-color: #186ab7; }

.single-session .gdlr-session-info .session-info, .single-session .gdlr-session-info .session-info a{ 
color: #a3a3a3; }

.single-session .gdlr-session-info .session-info i{ 
color: #a3a3a3; }

.gdlr-session-item .gdlr-session-item-head{ 
background-color: #009ee2; }


.gdlr-session-item .gdlr-session-item-head-info.gdlr-active{ 
background-color: #036c9f; }

.bgAzul{
	background-color: #7f7f7f!important;
}

.bgAzul .gdlr-active{
	/* background-color: #036c9f!important; */
}

.borAzul{
	border-color: #061569!important;
}

.gdlr-session-item .gdlr-session-item-head-info { 
border-color: #c72b11; }

.gdlr-session-item .gdlr-session-item-head{ 
color: #ffffff; }

.gdlr-session-item-content-wrapper{ 
background-color: #f7f7f7; }

.gdlr-session-item .gdlr-session-item-title a{ 
color: #515151; }

.gdlr-session-item .gdlr-session-item-divider{ 
border-bottom-color: #5a5353; }

.gdlr-session-item .gdlr-session-break-title{ 
color: #373737; }

.gdlr-session-item .session-break-info{ 
color: #036c9f; }

.gdlr-accommodation-item{ 
background-color: #f2f2f2; }

.gdlr-accommodation-item .accommodation-rating{ 
color: #ffffff; }

.gdlr-accommodation-item .accommodation-rating{ 
background-color: #f6290e; }

.gdlr-gallery-thumbnail .gallery-item{ 
background-color: #5a5353; }

.gdlr-gallery-thumbnail-container .gallery-caption{ 
background-color: #000000; }

.gdlr-gallery-thumbnail-container .gallery-caption{ 
color: #ffffff; }

.nivo-controlNav a, .flex-control-paging li a{ 
background-color: #cecece; }

.nivo-controlNav a:hover, .nivo-controlNav a.active, .flex-control-paging li a:hover, .flex-control-paging li a.flex-active { 
background-color: #949494; }

.nivo-controlNav a, .flex-control-paging li a{ 
border-color: #ffffff !important; }

.nivo-directionNav a, .flex-direction-nav a, .ls-flawless .ls-nav-prev, .ls-flawless .ls-nav-next{ 
background-color: #000000; }

body .nivo-directionNav a, body .flex-direction-nav a, body .flex-direction-nav a:hover, .ls-flawless .ls-nav-prev, .ls-flawless .ls-nav-next{ 
color: #ffffff; }

.gdlr-caption{ 
background-color: #000000; }

.gdlr-caption-title{ 
color: #ffffff; }

.gdlr-caption-text{ 
color: #ffffff; }

.gdlr-caption-wrapper.post-slider{ 
background-color: #000000; }

.gdlr-caption-wrapper.post-slider .gdlr-caption-title{ 
color: #ffffff; }

.gdlr-caption-wrapper.post-slider .gdlr-caption-text{ 
color: #dddddd; }

.gdlr-post-slider-item.style-no-excerpt .gdlr-caption-wrapper .gdlr-caption-date, .gdlr-post-slider-item.style-no-excerpt .gdlr-caption-wrapper .gdlr-title-link{ 
color: #ffffff; }

.gdlr-post-slider-item.style-no-excerpt .gdlr-caption-wrapper .gdlr-caption-date, .gdlr-post-slider-item.style-no-excerpt .gdlr-caption-wrapper .gdlr-title-link{ 
background-color: #f2381a; }

.gdlr-item-title-wrapper .gdlr-flex-prev, .gdlr-item-title-wrapper .gdlr-flex-next{ 
background-color: #006299; }

.gdlr-item-title-wrapper .gdlr-flex-prev, .gdlr-item-title-wrapper .gdlr-flex-next{ 
color: #ffffff; }

input[type="text"], input[type="email"], input[type="password"], textarea{ 
background-color: #f4f4f4; }

input[type="text"], input[type="email"], input[type="password"], textarea{ 
color: #b5b5b5; }
input::input-placeholder{ 
color:#b5b5b5; 
}

input::-webkit-input-placeholder{ 
color:#b5b5b5; }
input::-moz-placeholder{ 
color:#b5b5b5; 
}

input:-moz-placeholder{ 
color:#b5b5b5; }
input:-ms-input-placeholder{ 
color:#b5b5b5; }
textarea::input-placeholder{ 
color:#b5b5b5; 
}

textarea::-webkit-input-placeholder{ 
color:#b5b5b5; }
textarea::-moz-placeholder{ 
color:#b5b5b5; 
}

textarea:-moz-placeholder{ 
color:#b5b5b5; }
textarea:-ms-input-placeholder{ 
color:#b5b5b5; }

.footer-wrapper{ 
background-color: #212121; }

.footer-wrapper .gdlr-widget-title, .footer-wrapper .gdlr-widget-title a{ 
color: #dddddd; }

.footer-wrapper{ 
color: #bfbfbf; }

.footer-wrapper a{ 
color: #7f7f7f; }

.footer-wrapper a:hover{ 
color: #cecece; }

.footer-wrapper *{ 
border-color: #363636; }

.footer-wrapper input[type="text"], .footer-wrapper input[type="email"], .footer-wrapper input[type="password"], .footer-wrapper textarea{ 
background-color: #141414; }

.footer-wrapper input[type="text"], .footer-wrapper input[type="email"], .footer-wrapper input[type="password"], .footer-wrapper textarea{ 
color: #828282; }

.footer-wrapper input[type="text"], .footer-wrapper input[type="email"], .footer-wrapper input[type="password"], .footer-wrapper textarea{ 
border-color: #313131; }

.footer-wrapper .gdlr-button, .footer-wrapper .gdlr-button:hover, .footer-wrapper input[type="button"], .footer-wrapper input[type="submit"]{ 
color: #ffffff; }

.footer-wrapper .gdlr-button, .footer-wrapper input[type="button"], .footer-wrapper input[type="submit"]{ 
background-color: #f2381a; }

.footer-wrapper .tagcloud a{ 
background-color: #f2381a; }

.footer-wrapper .tagcloud a, .footer-wrapper .tagcloud a:hover{ 
color: #ffffff; }

.copyright-wrapper{ 
background-color: #161616; }

.copyright-wrapper{ 
color: #5b5b5b; }

.footer-wrapper .copyright-wrapper{ 
border-color: #161616; }

html  .woocommerce span.onsale, html  .woocommerce-page span.onsale, html .woocommerce-message,html .woocommerce div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,html .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { 
 background: #f2381a; }
html .woocommerce .star-rating, html .woocommerce-page .star-rating, html .woocommerce .star-rating:before, html .woocommerce-page .star-rating:before, html .woocommerce div.product span.price, html .woocommerce div.product p.price, html .woocommerce #content div.product span.price, html .woocommerce #content div.product p.price, html .woocommerce-page div.product span.price, html .woocommerce-page div.product p.price, html .woocommerce-page #content div.product span.price, html .woocommerce-page #content div.product p.price {color: #f2381a; }

html .woocommerce-message  a.button, html .woocommerce-error  a.button, html .woocommerce-info  a.button, html .woocommerce-message, html .woocommerce-error, html .woocommerce-info, html  .woocommerce span.onsale, html  .woocommerce-page span.onsale, html .woocommerce div.product .woocommerce-tabs ul.tabs li.active,html .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, html .woocommerce nav.woocommerce-pagination ul li span.current, html .woocommerce-page nav.woocommerce-pagination ul li span.current, html .woocommercenav.woocommerce-pagination ul li a:hover, html .woocommerce-page nav.woocommerce-pagination ul li a:hover{ 
color: #ffffff; }

html .woocommerce-info{ 
background: #389EC5; }

html .woocommerce-error{ 
background: #C23030; }

html .woocommerce a.button.alt:hover, html .woocommerce button.button.alt:hover, html .woocommerce input.button.alt:hover, html .woocommerce #respond input#submit.alt:hover, html .woocommerce #content input.button.alt:hover, html .woocommerce-page a.button.alt:hover, html .woocommerce-page button.button.alt:hover, html .woocommerce-page input.button.alt:hover, html .woocommerce-page #respond input#submit.alt:hover, html .woocommerce-page #content input.button.alt:hover, html .woocommerce a.button.alt, html .woocommerce button.button.alt, html .woocommerce input.button.alt, html .woocommerce #respond input#submit.alt, html .woocommerce #content input.button.alt, html .woocommerce-page a.button.alt, html .woocommerce-page button.button.alt, html .woocommerce-page input.button.alt, html .woocommerce-page #respond input#submit.alt, html .woocommerce-page #content input.button.alt, html .woocommerce a.button, html .woocommerce button.button, html .woocommerce input.button, html .woocommerce #respond input#submit, html .woocommerce #content input.button, html .woocommerce-page a.button, html .woocommerce-page button.button, html .woocommerce-page input.button, html .woocommerce-page #respond input#submit, html .woocommerce-page #content input.button, html .woocommerce a.button:hover, html .woocommerce button.button:hover, html .woocommerce input.button:hover, html .woocommerce #respond input#submit:hover, html .woocommerce #content input.button:hover, html .woocommerce-page a.button:hover, html .woocommerce-page button.button:hover, html .woocommerce-page input.button:hover, html .woocommerce-page #respond input#submit:hover, html .woocommerce-page #content input.button:hover, html .woocommerce ul.products li.product a.loading, html .woocommerce div.product form.cart .button, html .woocommerce #content div.product form.cart .button, html .woocommerce-page div.product form.cart .button, html .woocommerce-page #content div.product form.cart .button{ 
background: #f2381a; }

html .woocommerce a.button.alt:hover, html .woocommerce button.button.alt:hover, html .woocommerce input.button.alt:hover, html .woocommerce #respond input#submit.alt:hover, html .woocommerce #content input.button.alt:hover, html .woocommerce-page a.button.alt:hover, html .woocommerce-page button.button.alt:hover, html .woocommerce-page input.button.alt:hover, html .woocommerce-page #respond input#submit.alt:hover, html .woocommerce-page #content input.button.alt:hover, html .woocommerce a.button.alt, html .woocommerce button.button.alt, html .woocommerce input.button.alt, html .woocommerce #respond input#submit.alt, html .woocommerce #content input.button.alt, html .woocommerce-page a.button.alt, html .woocommerce-page button.button.alt, html .woocommerce-page input.button.alt, html .woocommerce-page #respond input#submit.alt, html .woocommerce-page #content input.button.alt, html .woocommerce a.button, html .woocommerce button.button, html .woocommerce input.button, html .woocommerce #respond input#submit, html .woocommerce #content input.button, html .woocommerce-page a.button, html .woocommerce-page button.button, html .woocommerce-page input.button, html .woocommerce-page #respond input#submit, html .woocommerce-page #content input.button, html .woocommerce a.button:hover, html .woocommerce button.button:hover, html .woocommerce input.button:hover, html .woocommerce #respond input#submit:hover, html .woocommerce #content input.button:hover, html .woocommerce-page a.button:hover, html .woocommerce-page button.button:hover, html .woocommerce-page input.button:hover, html .woocommerce-page #respond input#submit:hover, html .woocommerce-page #content input.button:hover, html .woocommerce ul.products li.product a.loading, html .woocommerce div.product form.cart .button, html .woocommerce #content div.product form.cart .button, html .woocommerce-page div.product form.cart .button, html .woocommerce-page #content div.product form.cart .button{ 
color: #ffffff; }

html .woocommerce a.button.alt:hover, html .woocommerce button.button.alt:hover, html .woocommerce input.button.alt:hover, html .woocommerce #respond input#submit.alt:hover, html .woocommerce #content input.button.alt:hover, html .woocommerce-page a.button.alt:hover, html .woocommerce-page button.button.alt:hover, html .woocommerce-page input.button.alt:hover, html .woocommerce-page #respond input#submit.alt:hover, html .woocommerce-page #content input.button.alt:hover, html .woocommerce a.button.alt, html .woocommerce button.button.alt, html .woocommerce input.button.alt, html .woocommerce #respond input#submit.alt, html .woocommerce #content input.button.alt, html .woocommerce-page a.button.alt, html .woocommerce-page button.button.alt, html .woocommerce-page input.button.alt, html .woocommerce-page #respond input#submit.alt, html .woocommerce-page #content input.button.alt, html .woocommerce a.button, html .woocommerce button.button, html .woocommerce input.button, html .woocommerce #respond input#submit, html .woocommerce #content input.button, html .woocommerce-page a.button, html .woocommerce-page button.button, html .woocommerce-page input.button, html .woocommerce-page #respond input#submit, html .woocommerce-page #content input.button, html .woocommerce a.button:hover, html .woocommerce button.button:hover, html .woocommerce input.button:hover, html .woocommerce #respond input#submit:hover, html .woocommerce #content input.button:hover, html .woocommerce-page a.button:hover, html .woocommerce-page button.button:hover, html .woocommerce-page input.button:hover, html .woocommerce-page #respond input#submit:hover, html .woocommerce-page #content input.button:hover, html .woocommerce ul.products li.product a.loading, html .woocommerce div.product form.cart .button, html .woocommerce #content div.product form.cart .button, html .woocommerce-page div.product form.cart .button, html .woocommerce-page #content div.product form.cart .button{ 
border-bottom: 3px solid #ba4c16; }

html .woocommerce #reviews #comments ol.commentlist li img.avatar, html .woocommerce-page #reviews #comments ol.commentlist li img.avatar { 
background: #ebebeb; }
html .woocommerce #reviews #comments ol.commentlist li img.avatar, html .woocommerce-page #reviews #comments ol.commentlist li img.avatar,html .woocommerce #reviews #comments ol.commentlist li .comment-text, html .woocommerce-page #reviews #comments ol.commentlist li .comment-text,html .woocommerce ul.products li.product a img, html .woocommerce-page ul.products li.product a img, html .woocommerce ul.products li.product a img:hover ,html .woocommerce-page ul.products li.product a img:hover, html .woocommerce-page div.product div.images img, html .woocommerce-page #content div.product div.images img,html .woocommerce form.login, html .woocommerce form.checkout_coupon, html .woocommerce form.register, html .woocommerce-page form.login,html .woocommerce-page form.checkout_coupon, html .woocommerce-page form.register, html .woocommerce table.cart td.actions .coupon .input-text,html .woocommerce #content table.cart td.actions .coupon .input-text, html .woocommerce-page table.cart td.actions .coupon .input-text,html .woocommerce-page #content table.cart td.actions .coupon .input-text { 
border: 1px solid #ebebeb; }
html .woocommerce div.product .woocommerce-tabs ul.tabs:before, html .woocommerce #content div.product .woocommerce-tabs ul.tabs:before,html .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,html .woocommerce table.shop_table tfoot td, html .woocommerce table.shop_table tfoot th, html .woocommerce-page table.shop_table tfoot td,html .woocommerce-page table.shop_table tfoot th, html .woocommerce table.shop_table tfoot td, html .woocommerce table.shop_table tfoot th,html .woocommerce-page table.shop_table tfoot td, html .woocommerce-page table.shop_table tfoot th { 
border-bottom: 1px solid #ebebeb; }
html .woocommerce .cart-collaterals .cart_totals table tr:first-child th, html .woocommerce .cart-collaterals .cart_totals table tr:first-child td,html .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th, html .woocommerce-page .cart-collaterals .cart_totals table tr:first-child td { 
border-top: 3px #ebebeb solid; }
html .woocommerce .cart-collaterals .cart_totals tr td, html .woocommerce .cart-collaterals .cart_totals tr th,html .woocommerce-page .cart-collaterals .cart_totals tr td, html .woocommerce-page .cart-collaterals .cart_totals tr th { 
border-bottom: 2px solid #ebebeb; }

html .woocommerce div.product .woocommerce-tabs ul.tabs li, html .woocommerce #content div.product .woocommerce-tabs ul.tabs li, html .woocommerce-page div.product .woocommerce-tabs ul.tabs li, html .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li ,html .woocommerce table.cart a.remove, html .woocommerce #content table.cart a.remove, html .woocommerce-page table.cart a.remove, html .woocommerce-page #content table.cart a.remove, html .woocommerce #payment, html .woocommerce-page #payment, html .woocommerce .customer_details,html .woocommerce ul.order_details, html .woocommerce nav.woocommerce-pagination ul li a, html .woocommerce-page nav.woocommerce-pagination ul li a,html .woocommerce form .form-row input.input-text, html .woocommerce form .form-row textarea, html .woocommerce-page form .form-row input.input-text, html .woocommerce-page form .form-row textarea, html .woocommerce .quantity input.qty, html .woocommerce #content .quantity input.qty, html .woocommerce-page .quantity input.qty, html .woocommerce-page #content .quantity input.qty,html .woocommerce .widget_shopping_cart .total, html .woocommerce-page .widget_shopping_cart .total { 
background: #f3f3f3; }
html .woocommerce .quantity input.qty, html .woocommerce #content .quantity input.qty, html .woocommerce-page .quantity input.qty, html .woocommerce-page #content .quantity input.qty { 
border: 1px solid #f3f3f3; }

html .woocommerce .widget_shopping_cart .total, html .woocommerce-page .widget_shopping_cart .total { 
border-top: 2px solid #5a5353; }
html .woocommerce table.cart a.remove:hover, html .woocommerce #content table.cart a.remove:hover, html .woocommerce-page table.cart a.remove:hover,html .woocommerce-page #content table.cart a.remove:hover, html #payment div.payment_box, html .woocommerce-page #payment div.payment_box { 
background: #5a5353; }

html .woocommerce table.shop_table tfoot td, html .woocommerce table.shop_table tfoot th, html .woocommerce-page table.shop_table tfoot td,html .woocommerce-page table.shop_table tfoot th, .cart-subtotal th, .shipping th , .total th, html .woocommerce table.shop_attributes .alt th,html .woocommerce-page table.shop_attributes .alt th, html .woocommerce ul.products li.product .price, html.woocommerce-page ul.products li.product .price { 
color: #333333; }

html .woocommerce ul.products li.product .price del, html .woocommerce-page ul.products li.product .price del,html .woocommerce table.cart a.remove, html .woocommerce #content table.cart a.remove, html .woocommerce-page table.cart a.remove,html .woocommerce-page #content table.cart a.remove { 
color: #888888; }

html .woocommerce .quantity .plus, html .woocommerce .quantity .minus, html .woocommerce #content .quantity .plus, html .woocommerce #content .quantity .minus, 
												html .woocommerce-page .quantity .plus, html .woocommerce-page .quantity .minus, html .woocommerce-page #content .quantity .plus, 
												html .woocommerce-page #content .quantity .minus { 
border: 1px solid #a0a0a0; }

html .woocommerce .quantity .plus, html .woocommerce .quantity .minus, html .woocommerce #content .quantity .plus, html .woocommerce #content .quantity .minus, 
												html .woocommerce-page .quantity .plus, html .woocommerce-page .quantity .minus, html .woocommerce-page #content .quantity .plus, 
												html .woocommerce-page #content .quantity .minus { 
color: #ffffff; }

html .woocommerce .quantity .plus, html .woocommerce #content .quantity .plus,  html .woocommerce-page .quantity .plus,html .woocommerce-page #content .quantity .plus, html .woocommerce .quantity .plus:hover, html .woocommerce #content .quantity .plus:hover,html .woocommerce-page .quantity .plus:hover,  html .woocommerce-page #content .quantity .plus:hover{ 
background: #9a9a9a; }

html .woocommerce .quantity .minus, html .woocommerce #content .quantity .minus,  html .woocommerce-page .quantity .minus,html .woocommerce-page #content .quantity .minus, html .woocommerce .quantity .minus:hover, html .woocommerce #content .quantity .minus:hover,html .woocommerce-page .quantity .minus:hover,  html .woocommerce-page #content .quantity .minus:hover{ 
background: #b6b6b6; }

.gdlr-skin-dark-skin, .gdlr-skin-dark-skin .gdlr-skin-content{ 
color: #ffffff; }

.gdlr-skin-dark-skin i, .gdlr-skin-dark-skin .gdlr-flex-prev, .gdlr-skin-dark-skin .gdlr-flex-next{ 
color: #ffffff; }

.gdlr-skin-dark-skin h1, .gdlr-skin-dark-skin h2, .gdlr-skin-dark-skin h3, .gdlr-skin-dark-skin h4, .gdlr-skin-dark-skin h5, .gdlr-skin-dark-skin h6, .gdlr-skin-dark-skin .gdlr-skin-title, .gdlr-skin-dark-skin .gdlr-skin-title a{ 
color: #ffffff; }

.gdlr-skin-dark-skin .gdlr-skin-title a:hover{ 
color: #ffffff; }

.gdlr-skin-dark-skin .gdlr-skin-info, .gdlr-skin-dark-skin .gdlr-skin-info a, .gdlr-skin-dark-skin .gdlr-skin-info a:hover{ 
color: #ffffff; }

.gdlr-skin-dark-skin a, .gdlr-skin-dark-skin .gdlr-skin-link, .gdlr-skin-dark-skin .gdlr-skin-link-color{ 
color: #ff4c2f; }

.gdlr-skin-dark-skin a:hover, .gdlr-skin-dark-skin .gdlr-skin-link:hover{ 
color: #ff644c; }

.gdlr-skin-dark-skin .gdlr-skin-box, .gdlr-skin-dark-skin .gdlr-column-service-item .gdlr-skin-box, .gdlr-skin-dark-skin .gdlr-flex-prev, .gdlr-skin-dark-skin .gdlr-flex-next{ 
background-color: #ffffff; }

.gdlr-skin-dark-skin *, .gdlr-skin-dark-skin .gdlr-skin-border{ 
border-color: #ffffff; }

.gdlr-skin-dark-skin .gdlr-button, .gdlr-skin-dark-skin .gdlr-button:hover, .gdlr-skin-dark-skin input[type="button"], .gdlr-skin-dark-skin input[type="submit"]{ 
color: #ffffff; background-color: #ff4c2f;  }

.gdlr-skin-gray-skin, .gdlr-skin-gray-skin .gdlr-skin-content{ 
color: #6d6d6d; }

.gdlr-skin-gray-skin i, .gdlr-skin-gray-skin .gdlr-flex-prev, .gdlr-skin-gray-skin .gdlr-flex-next{ 
color: #ffffff; }

.gdlr-skin-gray-skin h1, .gdlr-skin-gray-skin h2, .gdlr-skin-gray-skin h3, .gdlr-skin-gray-skin h4, .gdlr-skin-gray-skin h5, .gdlr-skin-gray-skin h6, .gdlr-skin-gray-skin .gdlr-skin-title, .gdlr-skin-gray-skin .gdlr-skin-title a{ 
color: #212121; }

.gdlr-skin-gray-skin .gdlr-skin-title a:hover{ 
color: #727272; }

.gdlr-skin-gray-skin .gdlr-skin-info, .gdlr-skin-gray-skin .gdlr-skin-info a, .gdlr-skin-gray-skin .gdlr-skin-info a:hover{ 
color: #777777; }

.gdlr-skin-gray-skin a, .gdlr-skin-gray-skin .gdlr-skin-link, .gdlr-skin-gray-skin .gdlr-skin-link-color{ 
color: #444444; }

.gdlr-skin-gray-skin a:hover, .gdlr-skin-gray-skin .gdlr-skin-link:hover{ 
color: #606060; }

.gdlr-skin-gray-skin .gdlr-skin-box, .gdlr-skin-gray-skin .gdlr-column-service-item .gdlr-skin-box, .gdlr-skin-gray-skin .gdlr-flex-prev, .gdlr-skin-gray-skin .gdlr-flex-next{ 
background-color: #ffffff; }

.gdlr-skin-gray-skin *, .gdlr-skin-gray-skin .gdlr-skin-border{ 
border-color: #a72510; }

.gdlr-skin-gray-skin .gdlr-button, .gdlr-skin-gray-skin .gdlr-button:hover, .gdlr-skin-gray-skin input[type="button"], .gdlr-skin-gray-skin input[type="submit"]{ 
color: #ffffff; background-color: #036c9f;  }

.gdlr-skin-orange-skin, .gdlr-skin-orange-skin .gdlr-skin-content{ 
color: #777777; }

.gdlr-skin-orange-skin i, .gdlr-skin-orange-skin .gdlr-flex-prev, .gdlr-skin-orange-skin .gdlr-flex-next{ 
color: #424242; }

.gdlr-skin-orange-skin h1, .gdlr-skin-orange-skin h2, .gdlr-skin-orange-skin h3, .gdlr-skin-orange-skin h4, .gdlr-skin-orange-skin h5, .gdlr-skin-orange-skin h6, .gdlr-skin-orange-skin .gdlr-skin-title, .gdlr-skin-orange-skin .gdlr-skin-title a{ 
color: #ffffff; }

.gdlr-skin-orange-skin .gdlr-skin-title a:hover{ 
color: #ffffff; }

.gdlr-skin-orange-skin .gdlr-skin-info, .gdlr-skin-orange-skin .gdlr-skin-info a, .gdlr-skin-orange-skin .gdlr-skin-info a:hover{ 
color: #ffffff; }

.gdlr-skin-orange-skin a, .gdlr-skin-orange-skin .gdlr-skin-link, .gdlr-skin-orange-skin .gdlr-skin-link-color{ 
color: #ff4c2f; }

.gdlr-skin-orange-skin a:hover, .gdlr-skin-orange-skin .gdlr-skin-link:hover{ 
color: #ff4c2f; }

.gdlr-skin-orange-skin .gdlr-skin-box, .gdlr-skin-orange-skin .gdlr-column-service-item .gdlr-skin-box, .gdlr-skin-orange-skin .gdlr-flex-prev, .gdlr-skin-orange-skin .gdlr-flex-next{ 
background-color: #ffffff; }

.gdlr-skin-orange-skin *, .gdlr-skin-orange-skin .gdlr-skin-border{ 
border-color: #ffffff; }

.gdlr-skin-orange-skin .gdlr-button, .gdlr-skin-orange-skin .gdlr-button:hover, .gdlr-skin-orange-skin input[type="button"], .gdlr-skin-orange-skin input[type="submit"]{ 
color: #ffffff; background-color: #ffffff;  }

.gdlr-skin-stunning-text, .gdlr-skin-stunning-text .gdlr-skin-content{ 
color: #b5b5b5; }

.gdlr-skin-stunning-text i, .gdlr-skin-stunning-text .gdlr-flex-prev, .gdlr-skin-stunning-text .gdlr-flex-next{ 
color: #ffffff; }

.gdlr-skin-stunning-text h1, .gdlr-skin-stunning-text h2, .gdlr-skin-stunning-text h3, .gdlr-skin-stunning-text h4, .gdlr-skin-stunning-text h5, .gdlr-skin-stunning-text h6, .gdlr-skin-stunning-text .gdlr-skin-title, .gdlr-skin-stunning-text .gdlr-skin-title a{ 
color: #ffffff; }

.gdlr-skin-stunning-text .gdlr-skin-title a:hover{ 
color: #ffffff; }

.gdlr-skin-stunning-text .gdlr-skin-info, .gdlr-skin-stunning-text .gdlr-skin-info a, .gdlr-skin-stunning-text .gdlr-skin-info a:hover{ 
color: #ffffff; }

.gdlr-skin-stunning-text a, .gdlr-skin-stunning-text .gdlr-skin-link, .gdlr-skin-stunning-text .gdlr-skin-link-color{ 
color: #d6d6d6; }

.gdlr-skin-stunning-text a:hover, .gdlr-skin-stunning-text .gdlr-skin-link:hover{ 
color: #a5a5a5; }

.gdlr-skin-stunning-text .gdlr-skin-box, .gdlr-skin-stunning-text .gdlr-column-service-item .gdlr-skin-box, .gdlr-skin-stunning-text .gdlr-flex-prev, .gdlr-skin-stunning-text .gdlr-flex-next{ 
background-color: #f6290e; }

.gdlr-skin-stunning-text *, .gdlr-skin-stunning-text .gdlr-skin-border{ 
border-color: #ffffff; }

.gdlr-skin-stunning-text .gdlr-button, .gdlr-skin-stunning-text .gdlr-button:hover, .gdlr-skin-stunning-text input[type="button"], .gdlr-skin-stunning-text input[type="submit"]{ 
color: #ffffff; background-color: #f6290e;  }

.gdlr-skin-dark-speaker, .gdlr-skin-dark-speaker .gdlr-skin-content{ 
color: #ffffff; }

.gdlr-skin-dark-speaker i, .gdlr-skin-dark-speaker .gdlr-flex-prev, .gdlr-skin-dark-speaker .gdlr-flex-next{ 
color: #ffffff; }

.gdlr-skin-dark-speaker h1, .gdlr-skin-dark-speaker h2, .gdlr-skin-dark-speaker h3, .gdlr-skin-dark-speaker h4, .gdlr-skin-dark-speaker h5, .gdlr-skin-dark-speaker h6, .gdlr-skin-dark-speaker .gdlr-skin-title, .gdlr-skin-dark-speaker .gdlr-skin-title a{ 
color: #ffffff; }

.gdlr-skin-dark-speaker .gdlr-skin-title a:hover{ 
color: #ffffff; }

.gdlr-skin-dark-speaker .gdlr-skin-info, .gdlr-skin-dark-speaker .gdlr-skin-info a, .gdlr-skin-dark-speaker .gdlr-skin-info a:hover{ 
color: #5a5353; }

.gdlr-skin-dark-speaker a, .gdlr-skin-dark-speaker .gdlr-skin-link, .gdlr-skin-dark-speaker .gdlr-skin-link-color{ 
color: #ffffff; }

.gdlr-skin-dark-speaker a:hover, .gdlr-skin-dark-speaker .gdlr-skin-link:hover{ 
color: #ffffff; }

.gdlr-skin-dark-speaker .gdlr-skin-box, .gdlr-skin-dark-speaker .gdlr-column-service-item .gdlr-skin-box, .gdlr-skin-dark-speaker .gdlr-flex-prev, .gdlr-skin-dark-speaker .gdlr-flex-next{ 
background-color: #036c9f; }

.gdlr-skin-dark-speaker *, .gdlr-skin-dark-speaker .gdlr-skin-border{ 
border-color: #ffffff; }

.gdlr-skin-dark-speaker .gdlr-button, .gdlr-skin-dark-speaker .gdlr-button:hover, .gdlr-skin-dark-speaker input[type="button"], .gdlr-skin-dark-speaker input[type="submit"]{ 
color: #ffffff; background-color: #ffffff;  }

@media only screen and (max-width: 1080px) {
body .msp-cn-1-11 {
    letter-spacing: 0px !important;
}

}


input:not([type=radio]), textarea, select { 
	border: 1px solid #dfdfdf; 
	padding: 10px 15px; 
	width: 100%; 
	margin: 0 0 15px 0; 
	max-width: 100%; 
	resize: none; outline: none; color: #828282; line-height: initial; word-break: initial; }

.medium-input, .medium-textarea, .medium-select select {
  padding: 15px 20px!important;
  font-size: 14px;
}

.col-6{
	width: 40%;
display: inline-block;
padding: 4%;
}

.fila{
	text-align: right;
	padding-left: 5px;
}


.testdiv{
	border: 1px solid red;
}

.testdiv2{
	border: 1px solid blue;
}

.nulaS1{
	line-height: unset!important;
	font-size: 18px!important;
	font-weight: unset!important;
	text-transform: none!important;
}

.neg{
	font-weight: bold!important;
}

.pie{
	
	background-repeat: round;
	display: flex;
	color: white;
	border-bottom: 1px solid white;
}

.pie2{
	background-image: url('../images/general.png');
	background-color: #036c9f;
	color: white;
}


.select{
	background-color: #f4f4f4;
    width: 100%;
    margin: 0 0 15px 0;
    max-width: 100%;
    padding: 16px 19px;
}

.cajainfo{
	margin-bottom: 5px;
    background-color: #f1f1bf;
    display: flex;
    border: 1px dashed grey;
    padding: 10px;
}

.input2{
	background-color:#e5edf3!important;
}

.oculto1{
	display: none;
}

.headerForm{
	text-align: center;
	background-color: #036c9f;
	padding: 10px;
	color: white;
	font-size: 24px;
	font-weight: bold;
}

.cajaSombra{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	margin-top: 70px!important;
    padding-top: 10px!important;
    padding: 20px!important;
}

label{
	font-weight: bold;
}

input:focus{
	background-color: #c6e1a3;
    border: 1px solid green;
	color: #000000!important;
}

textarea:focus{
	background-color: #c6e1a3;
    border: 1px solid green;
	color: #000000!important;
}

input:hover{
    border: 1px solid green;
}

textarea:hover{
    border: 1px solid green;
}

select:hover{
    border: 1px solid green;
}

select:focus{
	background-color: #c6e1a3;
    border: 1px solid green;
	color: #000000!important;
}

.profileimg2{
	border-radius: 30px;
	-webkit-border-radius: 30px;
}

.topLineBlue{
	background-color: #036c9f;
	color: white;
	font-size: 14px;
	padding: 5px;
	display: flex;
}

.topLineBlue-bg-gradient-blue-green { 
  background-image: linear-gradient(to left top, #0d1b2a, #14304d);
}

.layered-image {
	 background:
    linear-gradient(to right, transparent, mistyrose);
}

.h3Banner{
	color: #76d8ff;
	font-size: 28px;
	font-weight: bold;
}

.containerleft{
	display: inline-block;
	text-align: left;
	width: 50%;
	padding-left: 2rem; 
}

.containerright{
	display: inline-block;
	text-align: right;
	width: 100%;
	padding-right: 2rem;
	text-decoration: none;
}

.btn2{
	height: 48px;
    line-height: 48px;
    padding: 0px 11px 0px 11px;
    overflow: hidden;
    position: relative;
    border: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-weight: 600;
    font-size: 20px;
    display: inline-block;
}

#logo-carousel img{
	padding: 5px;
	width: 80%;
}

.flexslider .slides > li{
	max-width: 230px;
}

#logo-carousel img{
	max-height: 95px;
}


/* ===============================================================
   CONLES 2027 — Estilos de la pagina de inicio (index)
   - Namespaced con prefijo .cl- para no chocar con la plantilla GDLR.
   - Paleta y medidas en variables (ajustables aqui abajo).
   =============================================================== */

:root{
    --cl-marino:      #0d1b2a;
    --cl-marino-2:    #14304d;
    --cl-acento:      #2a9d8f;
    --cl-acento-2:    #e9c46a;
    --cl-gris:        #f4f6f8;
    --cl-borde:       #e6e9ee;
    --cl-texto:       #36424e;
    --cl-texto-suave: #6b7785;
    --cl-blanco:      #ffffff;
}

/* ---- contenedor ---- */
.cl-container{
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ---- secciones genericas ---- */
.cl-section{
    padding: 90px 0;
    background-color: var(--cl-blanco);
}
.cl-section--gris{ background-color: var(--cl-gris); }

.cl-title{
    font-family: 'Open Sans', sans-serif;
    font-size: 34px;
    font-weight: 800;
    color: var(--cl-marino);
    text-align: center;
    margin: 0 0 14px;
    line-height: 1.2;
}
.cl-title::after{
    content:"";
    display:block;
    width: 64px;
    height: 4px;
    border-radius: 4px;
    background: var(--cl-acento);
    margin: 18px auto 0;
}
.cl-subtitle{
    text-align:center;
    max-width: 720px;
    margin: 0 auto 50px;
    font-size: 17px;
    line-height: 1.7;
    color: var(--cl-texto-suave);
}

/* ---- HERO ---- */
.cl-hero{
    position: relative;
    background: var(--cl-marino);
}
/* Contenedor que centra el contenido; en modo scrub se vuelve "sticky" */
.cl-hero__sticky{
    position: relative;
    min-height: 640px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}
.cl-hero__video{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}
.cl-hero__overlay{
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(rgba(13,27,42,.10), rgba(13,27,42,.10));
}
.cl-hero__content{
    position: relative;
    z-index: 2;
    max-width: 900px;
    padding: 40px 24px;
    color: var(--cl-blanco);
}

/* ---- Modo scrub: el video se reproduce con el scroll NATURAL de la pagina.
   El hero ocupa toda la pantalla; el libro se va cerrando a medida que el hero
   sube y sale de la vista, desde el primer scroll (sin "congelar" la pagina). */
.cl-hero--scrub .cl-hero__sticky{
    min-height: 100vh;
}
/* En movil no se anima: imagen estatica (bg_movil) en vez del video */
@media (max-width: 768px){
    .cl-hero__video{ display: none; }
    .cl-hero__sticky{
        background: var(--cl-marino) url('../images/hero/bg_movil.png') center / cover no-repeat;
    }
}
.cl-hero__logo{
    display: block;
    width: 100%;
    max-width: 611px;
    height: auto;
    margin: 0 auto 30px;
}
.cl-hero__logo-text{
    display: block;
    width: 100%;
    max-width: 626px;
    height: auto;
    margin: 0 auto;
}

/* ---- Bienvenida ---- */
.cl-bienvenida p{
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 1.8;
    color: var(--cl-texto);
}

/* ---- Ejes tematicos ---- */
.cl-ejes{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}
.cl-eje{
    background: var(--cl-blanco);
    border: 1px solid var(--cl-borde);
    border-radius: 14px;
    padding: 34px 28px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.cl-eje:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(13,27,42,.12);
    border-color: transparent;
}
.cl-eje__num{
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    font-weight: 800;
    color: var(--cl-acento);
    line-height: 1;
    margin-bottom: 16px;
}
.cl-eje__title{
    font-size: 20px;
    font-weight: 700;
    color: var(--cl-marino);
    margin: 0 0 12px;
    line-height: 1.3;
}
.cl-eje__desc{
    font-size: 15px;
    line-height: 1.7;
    color: var(--cl-texto-suave);
    margin: 0 0 18px;
}
.cl-eje__link{
    font-size: 14px;
    font-weight: 700;
    color: var(--cl-acento);
    text-decoration: none;
    transition: color .2s ease;
}
.cl-eje__link:hover{ color: var(--cl-marino); }

/* ---- Fechas importantes ---- */
.cl-fechas-grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}
.cl-fecha{
    background: var(--cl-blanco);
    border-top: 4px solid var(--cl-acento);
    border-radius: 12px;
    padding: 30px 24px;
    text-align: center;
    box-shadow: 0 8px 24px rgba(13,27,42,.06);
}
.cl-fecha h3{
    font-size: 16px;
    font-weight: 700;
    color: var(--cl-marino);
    margin: 0 0 12px;
    min-height: 44px;
    display:flex; align-items:center; justify-content:center;
}
.cl-fecha p{
    font-size: 15px;
    font-weight: 600;
    color: var(--cl-acento);
    margin: 0;
}

/* ---- Animacion reveal (solo si hay JS) ---- */
.cl-js .cl-reveal{
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .7s ease, transform .7s ease;
}
.cl-js .cl-reveal.is-visible{
    opacity: 1;
    transform: none;
}
.cl-delay-1{ transition-delay: .12s; }
.cl-delay-2{ transition-delay: .24s; }
.cl-delay-3{ transition-delay: .36s; }
.cl-delay-4{ transition-delay: .48s; }

/* ---- Responsive ---- */
@media (max-width: 1024px){
    .cl-ejes{ grid-template-columns: repeat(2, 1fr); }
    .cl-fechas-grid{ grid-template-columns: repeat(2, 1fr); }
    .cl-hero__title{ font-size: 42px; }
}
@media (max-width: 640px){
    .cl-ejes{ grid-template-columns: 1fr; }
    .cl-fechas-grid{ grid-template-columns: 1fr; }
    .cl-hero__title{ font-size: 32px; }
    .cl-section{ padding: 60px 0; }
}

/* ---- Fechas Importantes: banner con imagen volteada + tarjeta a la izquierda ---- */
.cl-fechas-banner{
    position: relative;
    min-height: clamp(480px, 55vw, 640px);
    padding: clamp(40px, 6vh, 72px) 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
}
.cl-fechas-banner::before{   /* imagen de fondo volteada horizontalmente */
    content: "";
    position: absolute;
    inset: 0;
    background: url('../images/conferencistas_girl.png') center / cover no-repeat;
    transform: scaleX(-1);
    z-index: 0;
}
.cl-fechas-banner__card{
    position: relative;
    z-index: 1;
    grid-column: 1;          /* tarjeta a la IZQUIERDA */
    align-self: center;
    justify-self: center;
    width: min(520px, 90%);
    padding: 34px 38px;
    background: rgba(13,27,42,.72);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 16px;
}
.cl-fechas-banner__title{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 6px;
}
.cl-fechas-banner__title::after{
    content: "";
    display: block;
    width: 56px; height: 3px;
    border-radius: 3px;
    background: var(--cl-acento);
    margin: 12px 0 18px;
}
/* Linea de tiempo continua a la izquierda de la lista (vive en el <ul>,
   asi no depende de la altura de cada fila y nunca se corta) */
.cl-fechas-list{
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0 0 0 26px;
}
.cl-fechas-list::before{
    content: "";
    position: absolute;
    top: 8px; bottom: 8px;
    left: 4px;
    width: 2px;
    background: rgba(42,157,143,.35);
}
.cl-fechas-list li{
    position: relative;
    padding: 13px 0;
    border-bottom: 1px solid rgba(255,255,255,.12);
}
.cl-fechas-list li:last-child{ border-bottom: none; padding-bottom: 0; }
.cl-fechas-list__date{
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;   /* alto fijo: el punto se centra exacto sobre esta linea */
}
.cl-fechas-list__label{
    display: block;
    color: rgba(255,255,255,.82);
    font-size: 13.5px;
    line-height: 1.5;
    margin-top: 3px;
}
.cl-fechas-list__dot{
    position: absolute;
    top: calc(13px + 20px / 2 - 5px);  /* = padding-top + centro de la linea de fecha - mitad del punto */
    left: -26px;
    z-index: 1;
    width: 10px; height: 10px;
    border-radius: 50%;
    background: var(--cl-acento);
    box-shadow: 0 0 0 4px rgba(42,157,143,.25);
}
@media (max-width: 768px){
    .cl-fechas-banner{ grid-template-columns: 1fr; }
    .cl-fechas-banner__card{ grid-column: 1; width: 92%; }
}

/* ---- Linea de tiempo de Fechas Importantes ---- */
.cl-timeline{
    position: relative;
    max-width: 880px;
    margin: 50px auto 0;
}
.cl-timeline::before{
    content: "";
    position: absolute;
    top: 6px; bottom: 6px;
    left: 50%;
    width: 3px;
    transform: translateX(-50%);
    background: linear-gradient(var(--cl-acento), rgba(42,157,143,.25));
    border-radius: 3px;
}
.cl-timeline__item{
    position: relative;
    width: 50%;
    box-sizing: border-box;
    padding: 14px 44px;
}
.cl-timeline__item:nth-child(odd){ left: 0; text-align: right; }
.cl-timeline__item:nth-child(even){ left: 50%; text-align: left; }
.cl-timeline__dot{
    position: absolute;
    top: 30px;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: var(--cl-acento);
    border: 3px solid #fff;
    box-shadow: 0 0 0 3px rgba(42,157,143,.22);
    z-index: 1;
}
.cl-timeline__item:nth-child(odd) .cl-timeline__dot{ right: -8px; }
.cl-timeline__item:nth-child(even) .cl-timeline__dot{ left: -8px; }
.cl-timeline__card{
    display: inline-block;
    text-align: left;
    max-width: 340px;
    background: var(--cl-blanco);
    border: 1px solid var(--cl-borde);
    border-top: 3px solid var(--cl-acento);
    border-radius: 14px;
    padding: 18px 22px;
    box-shadow: 0 10px 26px rgba(13,27,42,.08);
    transition: transform .25s ease, box-shadow .25s ease;
}
.cl-timeline__card:hover{
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(13,27,42,.12);
}
.cl-timeline__date{
    display: block;
    font-weight: 700;
    color: var(--cl-marino);
    font-size: 15px;
    margin-bottom: 8px;
}
.cl-timeline__label{
    margin: 0;
    color: var(--cl-acento);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 600;
}
/* Movil: timeline a un solo lado */
@media (max-width: 720px){
    .cl-timeline{ margin-top: 34px; }
    .cl-timeline::before{ left: 7px; }
    .cl-timeline__item,
    .cl-timeline__item:nth-child(odd),
    .cl-timeline__item:nth-child(even){
        width: 100%;
        left: 0;
        text-align: left;
        padding: 12px 0 12px 34px;
    }
    .cl-timeline__item:nth-child(odd) .cl-timeline__dot,
    .cl-timeline__item:nth-child(even) .cl-timeline__dot{ left: -1px; right: auto; }
    .cl-timeline__card{ max-width: none; }
}


/* ===============================================================
   CONLES 2027 — Navbar y menu desplegable (look moderno)
   Sobre-escribe la plantilla GDLR / Superfish.
   =============================================================== */

/* Quita el recuadro gris del hover y la barra "gimmick" JS */
.gdlr-navigation-wrapper .gdlr-main-menu > li:hover{ background-color: transparent !important; }
.gdlr-navigation-gimmick{ display: none !important; }

/* Items de primer nivel */
.gdlr-navigation-wrapper .gdlr-main-menu > li{ padding: 0 16px; }
.gdlr-navigation-wrapper .gdlr-main-menu > li > a{
    position: relative;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #ffffff;
    padding: 10px 2px;
    transition: color .25s ease;
}
.gdlr-navigation-wrapper .gdlr-main-menu > li:hover > a,
.gdlr-navigation-wrapper .gdlr-main-menu > li.current-menu-item > a,
.gdlr-navigation-wrapper .gdlr-main-menu > li.current-menu-ancestor > a{
    color: #ffffff !important;
    opacity: 1;
}

/* Subrayado animado (reemplaza el caret y la slide-bar) */
.gdlr-navigation-wrapper .gdlr-main-menu > li > a::after,
.gdlr-navigation-wrapper .gdlr-main-menu > li > a.sf-with-ul::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 2px;
    background: var(--cl-acento);
    transition: right .28s ease;
}
.gdlr-navigation-wrapper .gdlr-main-menu > li:hover > a::after,
.gdlr-navigation-wrapper .gdlr-main-menu > li.current-menu-item > a::after,
.gdlr-navigation-wrapper .gdlr-main-menu > li.current-menu-ancestor > a::after{
    right: 0;
}

/* ---- Dropdown / submenu ---- */
.gdlr-navigation-wrapper .gdlr-main-menu .sub-menu{
    background: #ffffff !important;
    min-width: 234px;
    padding: 8px 0 !important;
    margin-top: 0 !important;
    border: 0 !important;
    border-top: 3px solid var(--cl-acento) !important;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 20px 44px rgba(13,27,42,.20);
    overflow: hidden;
}
.gdlr-navigation-wrapper .gdlr-main-menu li:hover > .sub-menu,
.gdlr-navigation-wrapper .gdlr-main-menu li.sfHover > .sub-menu{
    animation: clDropdown .22s ease both;
}
@keyframes clDropdown{
    from{ opacity: 0; transform: translateY(8px); }
    to  { opacity: 1; transform: none; }
}

.gdlr-navigation-wrapper .gdlr-main-menu .sub-menu li{
    background: transparent !important;
    border: 0 !important;
}
.gdlr-navigation-wrapper .gdlr-main-menu .sub-menu a{
    color: var(--cl-texto) !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .6px;
    text-transform: uppercase;
    padding: 11px 22px !important;
    border-left: 3px solid transparent;
    transition: color .2s ease, background-color .2s ease, padding .2s ease, border-color .2s ease;
}
.gdlr-navigation-wrapper .gdlr-main-menu .sub-menu a:hover,
.gdlr-navigation-wrapper .gdlr-main-menu .sub-menu .current-menu-item > a{
    color: var(--cl-acento) !important;
    background: var(--cl-gris) !important;
    border-left-color: var(--cl-acento);
    padding-left: 28px !important;
}


/* ===============================================================
   CONLES 2027 — Subpaginas (banner + Organiza + Recursos)
   =============================================================== */

/* ---- Banner de subpagina ---- */
/* Para poner una imagen de fondo basta con dejar el archivo en images/hero/<pagina>.jpg
   (cada pagina ya apunta a su archivo via style="background-image:..."). Si la imagen
   aun no existe, se muestra el azul marino solido como respaldo. */
.cl-pagehero{
    position: relative;
    box-sizing: content-box; /* uniforme aunque la pagina cargue Bootstrap (conferencistas) */
    background: var(--cl-marino) center center / cover no-repeat;
    min-height: clamp(260px, 30vh, 360px);
    padding: 160px 20px 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}
.cl-pagehero::before{
    content:"";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: linear-gradient(rgba(13,27,42,.55), rgba(13,27,42,.78));
    z-index: 0;
}
.cl-pagehero__title{
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: 800;
    margin: 0;
    letter-spacing: .5px;
}
.cl-pagehero__title::after{
    content:"";
    display:block;
    width: 64px;
    height: 4px;
    border-radius: 4px;
    background: var(--cl-acento);
    margin: 18px auto 0;
}

/* ---- Pagina de gracias ---- */
.cl-gracias{
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
}
.cl-gracias__icon{
    font-size: 64px;
    color: var(--cl-acento);
    margin-bottom: 18px;
}
.cl-gracias h2{
    color: var(--cl-marino);
    font-size: 26px;
    margin: 0 0 12px;
}
.cl-gracias p{
    color: var(--cl-texto-suave);
    font-size: 17px;
    line-height: 1.7;
    margin: 0 0 26px;
}

/* ---- Organiza (seccion oscura) ---- */
.cl-org-section{
    background: var(--cl-marino-2);
    padding: 80px 0;
}
.cl-org{
    display: flex;
    align-items: center;
    gap: 36px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    padding: 34px 40px;
    margin-bottom: 26px;
}
.cl-org:last-child{ margin-bottom: 0; }
.cl-org__logo{
    flex: 0 0 160px;
    text-align: center;
}
.cl-org__logo img{
    max-width: 150px;
    height: auto;
}
.cl-org__body h3{
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 12px;
    line-height: 1.3;
}
.cl-org__body p{
    color: #d3dbe4;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}
@media (max-width: 768px){
    .cl-org{ flex-direction: column; text-align: center; padding: 30px 24px; }
    .cl-org__body p{ text-align: left; }
}

/* ---- Recursos (seccion clara) ---- */
.cl-resource-section{
    background: var(--cl-gris);
    padding: 80px 0;
}
.cl-resource-intro{
    text-align: center;
    max-width: 860px;
    margin: 0 auto 50px;
    font-size: 18px;
    line-height: 1.7;
    color: var(--cl-texto);
    font-weight: 600;
}
.cl-resource-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.cl-resource-card{
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(13,27,42,.07);
    display: flex;
    flex-direction: column;
    transition: transform .25s ease, box-shadow .25s ease;
}
.cl-resource-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(13,27,42,.13);
}
.cl-resource-card__preview{
    background: #eef1f5;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.cl-resource-card__preview img{
    max-width: 100%;
    max-height: 130px;
}
.cl-btn-download{
    display: block;
    text-align: center;
    padding: 14px 16px;
    background: var(--cl-acento);
    color: #ffffff !important;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .5px;
    transition: background-color .2s ease;
}
.cl-btn-download:hover{ background: var(--cl-marino); }
.cl-btn-download i{ margin-right: 8px; }

.cl-resource-divider{
    text-align: center;
    margin: 60px 0 36px;
    font-size: 26px;
    font-weight: 700;
    color: var(--cl-marino);
}
.cl-resource-buttons{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
}
.cl-btn-resource{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 28px;
    background: var(--cl-marino);
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .5px;
    transition: background-color .2s ease, transform .2s ease;
}
.cl-btn-resource:hover{ background: var(--cl-acento); transform: translateY(-3px); }

@media (max-width: 1024px){
    .cl-resource-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
    .cl-resource-grid{ grid-template-columns: 1fr; }
}


/* ===============================================================
   CONLES 2027 — Paginas academicas
   (Ejes Tematicos / Comites / Conferencistas / Programa)
   =============================================================== */

/* ---- Seccion clara generica para subpaginas ---- */
.cl-acad-section{
    background: var(--cl-gris);
    padding: 80px 0;
}
.cl-acad-section--blanco{ background: var(--cl-blanco); }
.cl-acad-intro{
    text-align: center;
    max-width: 820px;
    margin: 0 auto 50px;
    font-size: 17px;
    line-height: 1.7;
    color: var(--cl-texto-suave);
}

/* ---- Ejes con icono (pagina Ejes Tematicos) ---- */
.cl-eje--center{ text-align: center; }
.cl-eje__icon{
    height: 80px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cl-eje__icon img{
    max-height: 80px;
    width: auto;
}

/* ---- Comites: tarjetas de integrantes ---- */
.cl-comite-heading{
    text-align: center;
    font-size: 28px;
    font-weight: 800;
    color: var(--cl-marino);
    margin: 0 0 18px;
}
.cl-comite-heading::after{
    content: "";
    display: block;
    width: 64px;
    height: 4px;
    border-radius: 4px;
    background: var(--cl-acento);
    margin: 16px auto 0;
}
.cl-comite-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 70px;
}
.cl-comite-grid:last-child{ margin-bottom: 0; }
.cl-comite-card{
    background: #ffffff;
    border: 1px solid var(--cl-borde);
    border-top: 4px solid var(--cl-acento);
    border-radius: 14px;
    padding: 28px 26px;
    text-align: center;
    box-shadow: 0 8px 24px rgba(13,27,42,.06);
    transition: transform .25s ease, box-shadow .25s ease;
}
.cl-comite-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(13,27,42,.12);
}
.cl-comite-card__name{
    font-size: 18px;
    font-weight: 700;
    color: var(--cl-marino);
    margin: 0 0 12px;
    line-height: 1.3;
}
.cl-comite-card__role{
    font-size: 14px;
    line-height: 1.6;
    color: var(--cl-texto-suave);
    margin: 0;
}
.cl-comite-card__role strong{
    display: block;
    color: var(--cl-acento);
    font-weight: 700;
    margin-bottom: 4px;
}

/* ---- Seccion oscura para contenido generado por BD ---- */
.cl-dark-section{
    background: var(--cl-marino-2);
    padding: 70px 0 90px;
}

/* Conferencistas: modernizar las tarjetas GDLR (generadas en PHP) */
.cl-dark-section .conferencistas-title{
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    margin: 30px 0 34px;
    padding-bottom: 14px;
    position: relative;
}
.cl-dark-section .conferencistas-title:after{
    content: "";
    display: block;
    width: 56px;
    height: 4px;
    border-radius: 4px;
    background: var(--cl-acento);
    margin: 14px auto 0;
}
.cl-dark-section .gdlr-speaker-item{
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 26px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.cl-dark-section .gdlr-speaker-item:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0,0,0,.32);
    border-color: var(--cl-acento);
}
.cl-dark-section .gdlr-speaker-item-content{
    padding: 18px 18px 24px;
}
.cl-dark-section .gdlr-speaker-item-title a{ color: #ffffff !important; }
.cl-dark-section .gdlr-speaker-item-position{ color: #c6d2de !important; }

/* ---- Programa: pestañas de dia ---- */
.cl-program .gdlr-session-item-head{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    background: transparent !important;
    border: 0 !important;
    margin-bottom: 40px;
}
.cl-program .gdlr-session-item .gdlr-session-item-head-info{
    background-color: #ffffff;
    border: 1px solid var(--cl-borde) !important;
    border-radius: 12px;
    padding: 16px 30px;
    text-align: center;
    color: var(--cl-texto);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.cl-program .gdlr-session-item .gdlr-session-item-head-info:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(13,27,42,.10);
}
.cl-program .gdlr-session-item .gdlr-session-item-head-info.gdlr-active{
    background-color: var(--cl-marino);
    border-color: var(--cl-marino) !important;
    color: #ffffff;
}
.cl-program .gdlr-session-head-day{
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0;
}
.cl-program .gdlr-session-head-date{
    font-size: 13px;
    font-weight: 600;
    opacity: .85;
    margin-top: 2px;
}

/* ---- Programa: timeline de sesiones (.cl-prog) ---- */
.cl-prog-list{
    max-width: 880px;
    margin: 0 auto;
}
.cl-prog-item{
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 22px;
    align-items: start;
    margin-bottom: 18px;
}
.cl-prog-time{
    text-align: right;
    padding-top: 18px;
    font-size: 14px;
    font-weight: 700;
    color: var(--cl-acento);
    white-space: nowrap;
}
.cl-prog-time i{ margin-right: 6px; }
.cl-prog-card{
    background: #ffffff;
    border: 1px solid var(--cl-borde);
    border-left: 4px solid var(--cl-acento);
    border-radius: 12px;
    padding: 20px 24px;
    box-shadow: 0 6px 20px rgba(13,27,42,.05);
    transition: transform .22s ease, box-shadow .22s ease;
}
.cl-prog-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(13,27,42,.10);
}
.cl-prog-card--basic{
    border-left-color: var(--cl-borde);
    background: transparent;
    box-shadow: none;
}
.cl-prog-card--basic .cl-prog-title{ color: var(--cl-texto-suave); font-weight: 600; }
.cl-prog-type{
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: #ffffff;
    background: var(--cl-acento);
    border-radius: 20px;
    padding: 4px 14px;
    margin-bottom: 12px;
}
.cl-prog-type.type-panel{ background: var(--cl-marino); }
.cl-prog-type.type-taller{ background: var(--cl-acento-2); color: var(--cl-marino); }
.cl-prog-title{
    font-size: 17px;
    font-weight: 700;
    color: var(--cl-marino);
    line-height: 1.4;
    margin: 0;
}
.cl-prog-title a{ color: var(--cl-marino); text-decoration: none; transition: color .2s ease; }
.cl-prog-title a:hover{ color: var(--cl-acento); }
.cl-prog-speakers{
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--cl-texto-suave);
}
.cl-prog-speakers img{ vertical-align: middle; margin: 0 2px 2px; }
.cl-prog-speakers .program-block-sep{ color: var(--cl-borde); margin: 0 6px; }
.cl-prog-card--block{ text-align: left; }
.cl-prog-card--block .program-block-title{
    margin: 0 0 8px;
    font-size: 17px;
    color: var(--cl-marino);
}
.cl-prog-card--block .program-block-meta{
    font-size: 14px;
    color: var(--cl-texto-suave);
    margin-bottom: 4px;
}

@media (max-width: 640px){
    .cl-prog-item{ grid-template-columns: 1fr; gap: 6px; }
    .cl-prog-time{ text-align: left; padding-top: 0; }
}

/* ---- Responsive paginas academicas ---- */
@media (max-width: 1024px){
    .cl-comite-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
    .cl-comite-grid{ grid-template-columns: 1fr; }
    .cl-acad-section{ padding: 60px 0; }
}


/* ===============================================================
   CONLES 2027 — Inscripcion (cuotas + formas de pago)
   =============================================================== */

/* Aviso de dato pendiente */
.cl-insc-pending{
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #8a6d00;
    background: #fff6db;
    border: 1px solid #f0dca0;
    border-radius: 8px;
    padding: 6px 12px;
}

/* Descuentos grupales */
.cl-insc-grupos{
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}
.cl-insc-grupos p{
    font-size: 17px;
    color: var(--cl-texto);
    margin: 0 0 10px;
}
.cl-insc-grupos p strong{ color: var(--cl-acento); }

/* Grid de cuotas */
.cl-cuotas-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 36px;
}
.cl-cuota-card{
    background: #ffffff;
    border: 1px solid var(--cl-borde);
    border-top: 4px solid var(--cl-acento);
    border-radius: 14px;
    padding: 30px 22px;
    text-align: center;
    box-shadow: 0 8px 24px rgba(13,27,42,.06);
    display: flex;
    flex-direction: column;
    transition: transform .25s ease, box-shadow .25s ease;
}
.cl-cuota-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(13,27,42,.12);
}
.cl-cuota-label{
    font-size: 15px;
    font-weight: 700;
    color: var(--cl-marino);
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
}
.cl-cuota-precio{
    font-size: 42px;
    font-weight: 800;
    color: var(--cl-acento);
    line-height: 1.1;
    margin: 16px 0 2px;
}
.cl-cuota-precio small{
    font-size: 15px;
    font-weight: 700;
    color: var(--cl-texto-suave);
    vertical-align: super;
}
.cl-cuota-iva{
    font-size: 13px;
    color: var(--cl-texto-suave);
    margin-bottom: 22px;
}
.cl-btn-pago{
    margin-top: auto;
    display: block;
    padding: 13px 16px;
    background: var(--cl-acento);
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: background-color .2s ease;
}
.cl-btn-pago:hover{ background: var(--cl-marino); }
.cl-btn-pago.is-disabled{
    background: #cdd5de;
    color: #ffffff !important;
    pointer-events: none;
}

/* Tarifa especial (ponentes / estudiantes) */
.cl-cuota-especial{
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    background: var(--cl-marino);
    border-radius: 16px;
    padding: 32px 40px;
    margin-bottom: 50px;
}
.cl-cuota-especial .ce-info{ flex: 1 1 300px; }
.cl-cuota-especial .ce-info h3{ color: #ffffff; font-size: 22px; margin: 0 0 8px; }
.cl-cuota-especial .ce-info p{ color: #c6d2de; font-size: 14px; margin: 0; line-height: 1.6; }
.cl-cuota-especial .ce-precio{
    font-size: 38px;
    font-weight: 800;
    color: var(--cl-acento-2);
    white-space: nowrap;
}
.cl-cuota-especial .ce-precio small{ font-size: 14px; color: #c6d2de; font-weight: 600; }

/* Botones generales de inscripcion */
.cl-btn-insc{
    display: inline-block;
    margin-top: 24px;
    padding: 15px 32px;
    background: var(--cl-acento);
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .6px;
    transition: background-color .2s ease, transform .2s ease;
}
.cl-btn-insc:hover{ background: var(--cl-marino); transform: translateY(-3px); }

/* "Que incluye" */
.cl-insc-incluye{
    max-width: 820px;
    margin: 0 auto;
}
.cl-insc-incluye h3{
    font-size: 22px;
    color: var(--cl-marino);
    margin: 0 0 20px;
    text-align: center;
}
.cl-insc-incluye ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.cl-insc-incluye li{
    position: relative;
    padding: 10px 0 10px 34px;
    font-size: 16px;
    color: var(--cl-texto);
    border-bottom: 1px solid var(--cl-borde);
}
.cl-insc-incluye li:before{
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 11px;
    color: var(--cl-acento);
}

/* Formas de pago */
.cl-pago-badges{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin: 22px 0;
}
.cl-pago-badge{
    background: #ffffff;
    border: 1px solid var(--cl-borde);
    border-radius: 8px;
    padding: 8px 18px;
    font-weight: 700;
    color: var(--cl-marino);
    font-size: 14px;
    letter-spacing: .5px;
}
.cl-pago-icon{
    font-size: 46px;
    line-height: 1;
}
.cl-pago-card{
    background: #ffffff;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 8px 24px rgba(13,27,42,.06);
    text-align: center;
    margin-bottom: 30px;
}
.cl-transfers-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.cl-transfer-col{
    background: #ffffff;
    border: 1px solid var(--cl-borde);
    border-left: 4px solid var(--cl-acento);
    border-radius: 14px;
    padding: 28px 30px;
}
.cl-transfer-col h3{
    font-size: 19px;
    color: var(--cl-marino);
    margin: 0 0 16px;
}
.cl-transfer-col p{
    font-size: 14px;
    line-height: 1.7;
    color: var(--cl-texto);
    margin: 0 0 8px;
}
.cl-transfer-nota{
    max-width: 880px;
    margin: 28px auto 0;
    text-align: center;
    font-size: 14px;
    line-height: 1.7;
    color: var(--cl-texto-suave);
}

@media (max-width: 1024px){
    .cl-cuotas-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
    .cl-cuotas-grid{ grid-template-columns: 1fr; }
    .cl-transfers-grid{ grid-template-columns: 1fr; }
    .cl-cuota-especial{ flex-direction: column; text-align: center; padding: 28px 24px; }
}

/* Contenedor de formulario embebido (iframe) */
.cl-form-embed{
    background: #ffffff;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 8px 24px rgba(13,27,42,.06);
    overflow: hidden;
}


/* ===============================================================
   CONLES 2027 — Ponencias
   =============================================================== */
.cl-title--light{ color: #ffffff; }

.cl-ponencias-intro{ max-width: 900px; margin: 0 auto; text-align: center; }
.cl-ponencias-intro p{ color: #c6d2de; font-size: 16px; line-height: 1.85; margin: 0; }
.cl-ponencias-btns{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 32px;
}
.cl-btn-insc--alt{ background: var(--cl-marino-2); }
.cl-btn-insc--alt:hover{ background: var(--cl-acento); }
.cl-btn-insc i{ margin-right: 8px; }

/* Botones de ponencias sobre fondo oscuro: primario solido + secundario outline */
.cl-ponencias-btns .cl-btn-insc{
    margin-top: 0;
    padding: 17px 36px;
    border-radius: 50px;
    box-shadow: 0 10px 26px rgba(0,0,0,.30);
    border: 2px solid var(--cl-acento);
}
.cl-ponencias-btns .cl-btn-insc:hover{
    background: #35b5a6;
    border-color: #35b5a6;
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(0,0,0,.38);
}
.cl-ponencias-btns .cl-btn-insc--alt{
    background: transparent;
    border-color: var(--cl-acento-2);
    color: var(--cl-acento-2) !important;
    box-shadow: none;
}
.cl-ponencias-btns .cl-btn-insc--alt:hover{
    background: var(--cl-acento-2);
    border-color: var(--cl-acento-2);
    color: var(--cl-marino) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.30);
}

/* Paneles de generalidades (sobre fondo oscuro) */
.cl-ponencias-panel{ max-width: 920px; margin: 0 auto; }
.cl-ponencias-panel h3{
    color: #ffffff;
    font-size: 24px;
    margin: 0 0 20px;
}
.cl-ponencias-panel p{ color: #d3dbe4; font-size: 15px; line-height: 1.8; margin: 0 0 14px; }
.cl-ponencias-panel ul{ padding-left: 22px; margin: 0 0 16px; }
.cl-ponencias-panel li{ color: #d3dbe4; font-size: 15px; line-height: 1.75; margin-bottom: 8px; }
.cl-ponencias-panel strong{ color: #ffffff; }
.cl-ponencias-panel .cl-bloque{ color: var(--cl-acento-2); font-size: 16px; display: block; margin: 18px 0 8px; }


/* ===============================================================
   CONLES 2027 — Patrocinios
   =============================================================== */

/* Propuesta comercial */
.cl-propuesta-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 46px;
    align-items: center;
}
/* Variante de una sola columna (cuando aun no hay brochure que mostrar) */
.cl-propuesta-grid--solo{
    grid-template-columns: 1fr;
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}
.cl-propuesta-grid .cl-propuesta-img{ text-align: center; }
.cl-propuesta-grid .cl-propuesta-img img{
    max-width: 100%;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(13,27,42,.12);
    margin-bottom: 22px;
}
.cl-propuesta-text h2{
    color: var(--cl-marino);
    font-size: 26px;
    line-height: 1.4;
    margin: 0 0 18px;
}
.cl-propuesta-text p{ color: var(--cl-texto); font-size: 16px; line-height: 1.8; }
.cl-propuesta-btns{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
}
@media (max-width: 768px){
    .cl-propuesta-grid{ grid-template-columns: 1fr; }
}

/* Listado de patrocinadores (contenido desde BD) */
.cl-sponsors .content{ max-width: 1000px; margin: 0 auto; }
.cl-sponsors h2{
    text-align: center;
    color: var(--cl-marino);
    font-size: 28px;
    font-weight: 800;
    margin: 10px 0 26px;
}
.cl-sponsors .blog-img img{ border-radius: 10px; }
.cl-sponsors .slider-slide p{ color: var(--cl-texto); line-height: 1.8; }
.cl-sponsors hr{ border: 0; border-top: 1px solid var(--cl-borde); margin: 26px 0; }


/* ===============================================================
   CONLES 2027 — Hoteles / Sede / Viaje
   =============================================================== */

/* Hotel destacado */
.cl-hotel-featured{
    position: relative;
    max-width: 900px;
    margin: 0 auto 60px;
}
.cl-hotel-featured__media{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 46px rgba(13,27,42,.22);
}
.cl-hotel-featured__media img{
    display: block;
    width: 100%;
    height: auto;          /* imagen completa, sin recorte */
}
.cl-hotel-featured__media::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 58%, rgba(13,27,42,.42));
    pointer-events: none;
}
.cl-hotel-featured__badge{
    position: absolute;
    top: 18px; left: 18px;
    z-index: 1;
    background: var(--cl-acento);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 999px;
    box-shadow: 0 4px 12px rgba(13,27,42,.25);
}
.cl-hotel-featured__body{
    position: relative;
    z-index: 2;
    width: calc(100% - 96px);
    max-width: 740px;
    margin: -76px auto 0;            /* sube y solapa el borde inferior de la foto */
    background: #ffffff;
    border-top: 4px solid var(--cl-acento);
    border-radius: 16px;
    box-shadow: 0 20px 46px rgba(13,27,42,.16);
    padding: 36px 42px;
}
.cl-hotel-featured__body h2{
    color: var(--cl-marino);
    font-size: 26px;
    margin: 0 0 18px;
}
.cl-hotel-featured__body p{ color: var(--cl-texto); line-height: 1.8; font-size: 15px; }
.cl-hotel-rate{
    background: var(--cl-gris);
    border-left: 4px solid var(--cl-acento);
    border-radius: 0 12px 12px 0;
    padding: 18px 22px;
    margin: 22px 0;
}
.cl-hotel-rate strong{ color: var(--cl-marino); }
.cl-hotel-rate .price{ color: var(--cl-acento); font-weight: 700; font-size: 18px; }
.cl-hotel-contact{ font-size: 14px; color: var(--cl-texto-suave); margin: 0 0 22px; }
.cl-hotel-contact a{ color: var(--cl-acento); }
.cl-hotel-featured .cl-btn-insc{ display: inline-block; }

/* Grid de hoteles secundarios */
.cl-hotels-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}
.cl-hotel-card{
    background: #ffffff;
    border: 1px solid var(--cl-borde);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(13,27,42,.06);
    transition: transform .25s ease, box-shadow .25s ease;
}
.cl-hotel-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(13,27,42,.12);
}
.cl-hotel-card img{
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
}
.cl-hotel-card__body{ padding: 24px 26px; }
.cl-hotel-card__body h3{ color: var(--cl-marino); font-size: 20px; margin: 0 0 12px; }
.cl-hotel-card__body p{ color: var(--cl-texto-suave); font-size: 14px; margin: 0 0 6px; line-height: 1.6; }
.cl-hotel-card__body p strong{ color: var(--cl-marino); }

/* Sede / Venue / Viaje: bloques de contenido */
.cl-info-block{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 44px;
    align-items: center;
    margin-bottom: 50px;
}
.cl-info-block:last-child{ margin-bottom: 0; }
.cl-info-block.is-reverse .cl-info-media{ order: 2; }
.cl-info-media img{ width: 100%; border-radius: 14px; box-shadow: 0 12px 30px rgba(13,27,42,.10); }
.cl-info-text h2{ color: var(--cl-marino); font-size: 26px; margin: 0 0 16px; }
.cl-info-text h3{ color: var(--cl-marino); font-size: 20px; margin: 22px 0 10px; }
.cl-info-text p{ color: var(--cl-texto); line-height: 1.8; font-size: 15px; margin: 0 0 12px; }
.cl-info-text ul{ padding-left: 20px; margin: 0 0 12px; }
.cl-info-text li{ color: var(--cl-texto); line-height: 1.7; margin-bottom: 6px; }

@media (max-width: 768px){
    .cl-hotels-grid{ grid-template-columns: 1fr; }
    .cl-hotel-featured__body{ width: calc(100% - 28px); margin-top: -48px; padding: 28px 24px; }
    .cl-info-block{ grid-template-columns: 1fr; gap: 24px; }
    .cl-info-block.is-reverse .cl-info-media{ order: 0; }
}

/* ---- Carrusel CCCR (pagina Sede) ---- */
.cl-cccr-carousel{
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(13,27,42,.12);
    background: var(--cl-marino);
}
.cl-cccr-carousel__slide{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .6s ease;
}
.cl-cccr-carousel__slide.is-active{ opacity: 1; }
.cl-cccr-carousel__btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px; height: 42px;
    display: flex; align-items: center; justify-content: center;
    border: 0;
    border-radius: 50%;
    background: rgba(13,27,42,.55);
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
    transition: background .2s ease;
}
.cl-cccr-carousel__btn:hover{ background: rgba(13,27,42,.85); }
.cl-cccr-carousel__btn--prev{ left: 12px; }
.cl-cccr-carousel__btn--next{ right: 12px; }
.cl-cccr-carousel__dots{
    position: absolute;
    left: 0; right: 0; bottom: 14px;
    display: flex; justify-content: center; gap: 8px;
    z-index: 2;
}
.cl-cccr-carousel__dot{
    width: 9px; height: 9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    cursor: pointer;
    transition: background .2s ease;
}
.cl-cccr-carousel__dot.is-active{ background: #fff; }

/* ===============================================================
   CONLES 2027 — Newsletter / Suscripcion (form sobre imagen)
   =============================================================== */
.cl-newsletter{
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: clamp(60px, 10vh, 100px) 0;
    overflow: hidden;
}
.cl-newsletter__overlay{
    position: absolute; inset: 0;
    background: linear-gradient(rgba(13,27,42,.55), rgba(13,27,42,.68));
    z-index: 0;
}
.cl-newsletter__inner{
    position: relative;
    z-index: 1;
    max-width: 760px;
}
.cl-newsletter__title{
    color: #fff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(26px, 3.4vw, 36px);
    font-weight: 800;
    margin: 0 0 8px;
}
.cl-newsletter__sub{
    color: rgba(255,255,255,.9);
    text-align: center;
    margin: 0 0 30px;
    font-size: 16px;
}
.cl-newsletter__row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 18px;
}
.cl-newsletter__field{ display: flex; flex-direction: column; }
.cl-newsletter__field label{
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
}
.cl-newsletter__field label span{ color: #ff7b7b; }
.cl-newsletter__field input{
    width: 100%;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 8px;
    background: #ffffff;          /* fondo blanco: el texto se ve */
    color: var(--cl-marino);      /* texto oscuro legible */
    font-size: 15px;
}
.cl-newsletter__field input::placeholder{ color: #9aa6b2; }
.cl-newsletter__field input:focus{
    outline: none;
    border-color: var(--cl-acento);
    box-shadow: 0 0 0 3px rgba(42,157,143,.28);
}
.cl-newsletter__actions{ text-align: center; margin-top: 6px; }
.cl-newsletter__btn{
    background: var(--cl-acento);
    color: #fff;
    border: 0;
    font-weight: 600;
    font-size: 15px;
    padding: 13px 40px;
    border-radius: 999px;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}
.cl-newsletter__btn:hover{ background: #248c80; transform: translateY(-2px); }
.cl-newsletter__btn:disabled{ opacity: .7; cursor: default; transform: none; }
.cl-newsletter__msg{ text-align: center; margin: 16px 0 0; font-weight: 600; min-height: 20px; }
.cl-newsletter__msg.is-ok{ color: #7cf0bd; }
.cl-newsletter__msg.is-err{ color: #ffb3b3; }
@media (max-width: 600px){
    .cl-newsletter__row{ grid-template-columns: 1fr; }
}

/* ===============================================================
   CONLES 2027 — CTA "Visitá Costa Rica" (banner con imagen)
   =============================================================== */
.cl-cta-cr{
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: clamp(80px, 14vh, 150px) 20px;
    text-align: center;
    overflow: hidden;
}
.cl-cta-cr::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(13,27,42,.45), rgba(13,27,42,.62));
    z-index: 0;
}
.cl-cta-cr__inner{
    position: relative;
    z-index: 1;
    max-width: 680px;
    margin: 0 auto;
    color: #fff;
}
.cl-cta-cr__eyebrow{
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,.85);
    margin-bottom: 10px;
}
.cl-cta-cr__title{
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(32px, 4.5vw, 46px);
    font-weight: 800;
    color: #fff;
    margin: 0 0 18px;
}
.cl-cta-cr__text{
    font-size: 17px;
    line-height: 1.7;
    color: rgba(255,255,255,.92);
    margin: 0 auto 28px;
    max-width: 540px;
}
.cl-cta-cr__btn{
    display: inline-block;
    background: var(--cl-acento);
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    padding: 13px 30px;
    border-radius: 999px;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    box-shadow: 0 8px 20px rgba(42,157,143,.35);
}
.cl-cta-cr__btn:hover,
.cl-cta-cr__btn:focus{
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(13,27,42,.22);
    background: #ffffff;
    color: #176b60;   /* celeste/teal mas oscuro, legible sobre el fondo claro */
}

/* ===============================================================
   CONLES 2027 — Fauna decorativa (identidad Costa Rica)
   Acentos sutiles en zonas de texto. Ocultos en pantallas chicas.
   =============================================================== */
.cl-fauna-host{ position: relative; }
.cl-fauna-host > .cl-container{ position: relative; z-index: 1; }
.cl-fauna{
    position: absolute;
    z-index: 0;
    pointer-events: none;
    width: clamp(80px, 9vw, 130px);
    height: auto;
    opacity: .97;
    filter: drop-shadow(0 10px 18px rgba(13,27,42,.20));
}
/* Posicionadas con calc(50% +/- px) para que peguen al borde del bloque de
   contenido (1140px centrado) a cualquier ancho. Van detras del texto (z-index),
   asi que nunca tapan una letra. */
.cl-fauna--bienvenida{ left: calc(50% - 470px); top: 150px; width: 110px; }
.cl-fauna--objetivos{ left: calc(50% + 438px); top: 16px; width: 108px; transform: scaleX(-1); }
.cl-fauna--organiza{ left: calc(50% + 418px); top: 10px; width: 140px; }
.cl-fauna--viaje{ left: calc(50% + 446px); top: 16px; width: 104px; transform: scaleX(-1); }
.cl-fauna--ponencias{ left: calc(50% + 430px); top: 8px; width: 128px; }
@media (max-width: 1080px){
    .cl-fauna{ display: none; }
}

/* Tarjeta generica */
.cl-card{
    background: #ffffff;
    border: 1px solid var(--cl-borde);
    border-radius: 14px;
    padding: 30px 32px;
    box-shadow: 0 8px 24px rgba(13,27,42,.06);
}
.cl-card h3{ color: var(--cl-marino); font-size: 22px; margin: 0 0 14px; }
.cl-card p{ color: var(--cl-texto); line-height: 1.8; font-size: 15px; margin: 0 0 12px; }
.cl-card .cl-round{ width: 110px; height: 110px; border-radius: 50%; object-fit: cover; margin-bottom: 16px; }

/* Tarjetas informativas (datos / visas) */
.cl-info-cards{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
/* Variante de 2 columnas (p.ej. seccion de visas) que apila en movil */
.cl-info-cards--2col{ grid-template-columns: repeat(2, 1fr); }
@media (max-width: 640px){
    .cl-info-cards--2col{ grid-template-columns: 1fr; }
}
.cl-info-card{
    background: #ffffff;
    border: 1px solid var(--cl-borde);
    border-top: 4px solid var(--cl-acento);
    border-radius: 14px;
    padding: 28px 26px;
    box-shadow: 0 8px 24px rgba(13,27,42,.06);
}
.cl-info-card__icon{
    width: 46px; height: 46px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: rgba(42,157,143,.12);
    color: var(--cl-acento);
    font-size: 20px;
    margin-bottom: 16px;
}
.cl-info-card__icon i{ line-height: 1; display: block; transform: translateY(1px); }
.cl-info-card .cl-round{ width: 96px; height: 96px; border-radius: 50%; object-fit: cover; margin-bottom: 14px; }
.cl-info-card h4{ color: var(--cl-marino); font-size: 17px; margin: 0 0 10px; }
.cl-info-card p{ color: var(--cl-texto-suave); font-size: 14px; line-height: 1.7; margin: 0 0 12px; }

/* Tours */
.cl-tours-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.cl-tour-card{
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(13,27,42,.07);
    transition: transform .25s ease, box-shadow .25s ease;
}
.cl-tour-card:hover{ transform: translateY(-6px); box-shadow: 0 18px 40px rgba(13,27,42,.13); }
.cl-tour-card a{ text-decoration: none; display: block; }
.cl-tour-card img{ width: 100%; height: 180px; object-fit: cover; display: block; }
.cl-tour-card p{ padding: 16px 18px; margin: 0; color: var(--cl-marino); font-weight: 600; font-size: 14px; line-height: 1.5; }

/* Contacto */
.cl-contact-grid{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    align-items: start;
}
.cl-contact-intro{ margin-bottom: 22px; }
.cl-contact-intro h2{ color: var(--cl-marino); font-size: 24px; margin: 0 0 12px; }
.cl-contact-intro p{ color: var(--cl-texto-suave); line-height: 1.7; font-size: 15px; margin: 0; }
.cl-contact-info{
    background: var(--cl-marino);
    border-radius: 16px;
    padding: 34px 30px;
}
.cl-contact-info h3{ color: #ffffff; font-size: 20px; margin: 0 0 22px; }
.cl-contact-info p{
    color: #c6d2de;
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 18px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.cl-contact-info i{ color: var(--cl-acento); font-size: 18px; margin-top: 2px; width: 20px; text-align: center; }
.cl-contact-info a{ color: #c6d2de; }
.cl-contact-info a:hover{ color: var(--cl-acento); }
@media (max-width: 880px){
    .cl-contact-grid{ grid-template-columns: 1fr; }
}

/* Seccion de contacto con fondo (igual al newsletter del index) */
.cl-contact-section{
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.cl-contact-section::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(13,27,42,.62), rgba(13,27,42,.78));
    z-index: 0;
}
.cl-contact-section__inner{ position: relative; z-index: 1; }
.cl-contact-section .cl-contact-intro h2{ color: #ffffff; text-shadow: 0 1px 4px rgba(0,0,0,.45); }
.cl-contact-section .cl-contact-intro p{ color: rgba(255,255,255,.92); text-shadow: 0 1px 3px rgba(0,0,0,.4); }
.cl-contact-section .cl-contact-info{ border: 1px solid rgba(255,255,255,.12); }

/* Barra inferior delgada (acceso / login), debajo del footer */
.cl-bottombar,.cl-topbar{ padding: 6px 0; }
.cl-bottombar__inner,.cl-topbar__inner{ text-align: right; font-size: 12px; line-height: 1.6; }
.cl-bottombar__inner i,.cl-topbar__inner i{ color: #fff; }
.cl-bottombar__inner a,.cl-topbar__inner a{ color: #fff !important; text-decoration: none; padding: 4px; }
.cl-bottombar__inner a:hover,.cl-topbar__inner a:hover{ text-decoration: underline; }
/* En el inicio el header es fixed, la topbar también sube con él */
body.home .cl-topbar{ position: fixed; top: 0; left: 0; right: 0; z-index: 1001; }

/* ===============================================================
   CONLES 2027 — Footer
   =============================================================== */
.cl-footer{ position: relative; }
.cl-footer__main{
    background: #326160;
    padding: 50px 0;
}
.cl-footer__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
}
.cl-footer__item{
    padding: 6px 24px;
    color: #fff;
}
.cl-footer__grid .cl-footer__item:not(:last-child){
    border-right: 1px solid rgba(255,255,255,.14);
}
.cl-footer__item i{
    font-size: 24px;
    color: #fff;
    line-height: 1;
    display: inline-block;
    margin-bottom: 14px;
}
.cl-footer__item h4{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 8px;
}
.cl-footer__item p{
    color: rgba(255,255,255,.82);
    font-size: 14.5px;
    line-height: 1.65;
    margin: 0;
}
.cl-footer__item a{ color: rgba(255,255,255,.9); text-decoration: none; }
.cl-footer__item a:hover{ color: #fff; text-decoration: underline; }
.cl-footer__bottom{
    background: #1b4948;
    color: rgba(255,255,255,.8);
    text-align: center;
    padding: 16px 20px;
    font-size: 13.5px;
}
@media (max-width: 640px){
    .cl-footer__main{ padding: 34px 0; }
    .cl-footer__grid{ grid-template-columns: 1fr; }
    .cl-footer__item{ padding: 22px 16px; }
    .cl-footer__grid .cl-footer__item:not(:last-child){
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,.14);
    }
}

/* Mapa embebido */
.cl-map-embed{ border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(13,27,42,.10); margin-top: 30px; }
.cl-map-embed iframe{ display: block; width: 100%; border: 0; }
.cl-full-img{ width: 100%; border-radius: 14px; margin-top: 10px; }

@media (max-width: 980px){
    .cl-info-cards{ grid-template-columns: repeat(2, 1fr); }
    .cl-tours-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
    .cl-info-cards{ grid-template-columns: 1fr; }
    .cl-tours-grid{ grid-template-columns: 1fr; }
}

/* ============================================================
   NAVBAR MOVIL ACCESIBLE - CONLES  (drawer lateral derecho)
   Mantiene la estetica del navbar desktop: azul marino + blanco + teal
   ============================================================ */

/* --- Enlace de salto (skip link) --- */
.cl-skip-link{
    position: absolute;
    left: 8px; top: -64px;
    z-index: 100000;
    background: var(--cl-acento, #2a9d8f);
    color: #fff;
    padding: 10px 16px;
    border-radius: 0 0 6px 6px;
    font: 600 14px/1 'Open Sans', sans-serif;
    text-decoration: none;
    transition: top .2s ease;
}
.cl-skip-link:focus{ top: 0; outline: 3px solid #fff; outline-offset: 2px; }

/* ===============================================================
   CONLES 2027 — Header transparente que se tiñe con el scroll
   =============================================================== */
.cl-header{
    position: relative;
    z-index: 1000;
    background-color: var(--cl-marino, #0d1b2a);
    transition: background-color .35s ease, box-shadow .35s ease;
}
/* En el inicio (con hero) flota transparente sobre el video... */
body.home .cl-header{
    position: fixed;
    top: 30px; left: 0; right: 0;  /* 30px = alto aprox de la topbar */
    background-color: transparent;
}
/* ...y al hacer scroll toma el azul oscuro */
body.home .cl-header.cl-header--scrolled{
    background-color: var(--cl-marino, #0d1b2a);
    box-shadow: 0 2px 14px rgba(0, 0, 0, .28);
}

/* Necesario para anclar el boton hamburguesa */
.gdlr-header-container{ position: relative; }

/* --- Boton hamburguesa --- */
.cl-nav-toggle{
    display: none;
    position: absolute;
    top: 16px; right: 16px;
    width: 48px; height: 48px;
    padding: 0; margin: 0;
    border: 0; border-radius: 8px;
    background: transparent;
    cursor: pointer;
    z-index: 60;
}
.cl-nav-toggle:focus-visible{ outline: 3px solid var(--cl-acento, #2a9d8f); outline-offset: 2px; }
.cl-nav-toggle__bars{ position: relative; display: block; width: 26px; height: 18px; margin: 0 auto; }
.cl-nav-toggle__bars span{
    position: absolute; left: 0;
    display: block; width: 100%; height: 3px;
    background: #fff; border-radius: 2px;
    transition: transform .3s ease, opacity .2s ease, top .3s ease;
}
.cl-nav-toggle__bars span:nth-child(1){ top: 0; }
.cl-nav-toggle__bars span:nth-child(2){ top: 7.5px; }
.cl-nav-toggle__bars span:nth-child(3){ top: 15px; }
/* Animacion hamburguesa -> X */
.cl-nav-toggle.is-active .cl-nav-toggle__bars span:nth-child(1){ top: 7.5px; transform: rotate(45deg); }
.cl-nav-toggle.is-active .cl-nav-toggle__bars span:nth-child(2){ opacity: 0; }
.cl-nav-toggle.is-active .cl-nav-toggle__bars span:nth-child(3){ top: 7.5px; transform: rotate(-45deg); }

/* --- Overlay --- */
.cl-nav-overlay{
    position: fixed; inset: 0;
    z-index: 9998;
    background: rgba(13, 27, 42, .6);
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity .3s ease, visibility .3s ease;
}
.cl-nav-overlay.is-open{ opacity: 1; visibility: visible; pointer-events: auto; }

/* --- Drawer --- */
.cl-mobile-drawer{
    position: fixed; top: 0; right: 0; bottom: 0;
    z-index: 9999;
    width: min(86vw, 360px);
    display: flex; flex-direction: column;
    background: var(--cl-marino, #0d1b2a);
    box-shadow: -8px 0 30px rgba(0, 0, 0, .35);
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .3s ease, visibility .3s ease;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.cl-mobile-drawer.is-open{ transform: translateX(0); visibility: visible; }

.cl-mobile-drawer__head{
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.cl-mobile-drawer__logo{ height: 34px; width: auto; display: block; }
.cl-nav-close{
    width: 44px; height: 44px;
    border: 0; border-radius: 8px;
    background: transparent; color: #fff;
    font-size: 30px; line-height: 1; cursor: pointer;
}
.cl-nav-close:focus-visible{ outline: 3px solid var(--cl-acento, #2a9d8f); outline-offset: 2px; }

/* --- Lista --- */
.cl-mobile-nav{ padding: 6px 0 28px; }
.cl-mobile-nav__list{ list-style: none; margin: 0; padding: 0; }
.cl-mobile-nav__list > li{ margin: 0; }

.cl-mobile-nav__link,
.cl-mobile-nav__sub-toggle{
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    width: 100%;
    padding: 15px 22px;
    margin: 0;
    font: 600 15px/1.2 'Open Sans', sans-serif;
    text-transform: uppercase; letter-spacing: .04em;
    color: #fff; text-decoration: none; text-align: left;
    background: transparent; border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    cursor: pointer;
}
.cl-mobile-nav__link:hover,
.cl-mobile-nav__link:focus-visible,
.cl-mobile-nav__sub-toggle:hover,
.cl-mobile-nav__sub-toggle:focus-visible{
    background: var(--cl-marino-2, #14304d);
    color: var(--cl-acento-2, #e9c46a);
    outline: none;
}
.cl-mobile-nav__link[aria-current="page"]{ color: var(--cl-acento, #2a9d8f); }

/* CTA Ingresar / Campus */
.cl-mobile-nav__link--cta{
    width: auto; margin: 16px 22px 0; padding: 14px 18px;
    justify-content: center;
    background: var(--cl-acento, #2a9d8f);
    border: 0; border-radius: 10px;
    color: #fff;
}
.cl-mobile-nav__link--cta:hover,
.cl-mobile-nav__link--cta:focus-visible{ background: #23867a; color: #fff; }

/* Chevron */
.cl-mobile-nav__chevron{
    width: 9px; height: 9px; flex: 0 0 auto; margin-right: 2px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .25s ease;
}
.cl-mobile-nav__sub-toggle[aria-expanded="true"] .cl-mobile-nav__chevron{ transform: rotate(-135deg); }

/* Submenu acordeon */
.cl-mobile-nav__sub{
    list-style: none; margin: 0; padding: 0;
    max-height: 0; overflow: hidden;
    background: rgba(0, 0, 0, .22);
    transition: max-height .3s ease;
}
.cl-mobile-nav__sub.is-open{ max-height: 520px; }
.cl-mobile-nav__sub a{
    display: block;
    padding: 13px 22px 13px 38px;
    font: 400 14px/1.3 'Open Sans', sans-serif;
    color: rgba(255, 255, 255, .82); text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.cl-mobile-nav__sub a:hover,
.cl-mobile-nav__sub a:focus-visible{ background: var(--cl-marino-2, #14304d); color: #fff; outline: none; }

/* Mostrar el boton solo donde se oculta el menu desktop (<=959px) */
@media only screen and (max-width: 959px){
    .cl-nav-toggle{ display: block; }
}

/* Bloquear scroll del body con el drawer abierto */
body.cl-nav-open{ overflow: hidden; }

/* Foco visible para teclado en el menu desktop */
.gdlr-main-menu a:focus-visible{ outline: 2px solid var(--cl-acento-2, #e9c46a); outline-offset: 2px; }

/* Respetar la preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce){
    .cl-mobile-drawer,
    .cl-nav-overlay,
    .cl-mobile-nav__sub,
    .cl-mobile-nav__chevron,
    .cl-nav-toggle__bars span{ transition: none; }
}


/* ===============================================================
   CONLES 2027 — Bienvenida ampliada / Objetivos / Dirigido a (home)
   + franja Organizan / Patrocinan + recurso de logo claro
   =============================================================== */

/* Vista previa oscura para logos blancos en la pagina de Recursos */
.cl-resource-card__preview--dark{ background: var(--cl-marino); }

/* ---- Eslogan Banner (imagen fondo + tarjeta derecha) ---- */
.cl-eslogan-banner{
    position: relative;
    min-height: clamp(480px, 55vw, 640px);
    padding: clamp(40px, 6vh, 72px) 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: url('../images/hero/index_girl.png') center / cover no-repeat;
    overflow: hidden;
}
.cl-eslogan-banner__card{
    position: relative;
    z-index: 1;
    grid-column: 2;
    align-self: center;
    justify-self: center;
    width: min(440px, 85%);
    padding: 36px 40px;
    background: rgba(13,27,42,.60);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 16px;
}
.cl-eslogan-banner__card .cl-lema{
    margin: 0 0 20px;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.5;
    text-align: left;
}
.cl-eslogan-banner__card .cl-bienvenida__cierre{
    margin: 0;
    max-width: none;
    text-align: left;
    color: rgba(255,255,255,.88);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

/* Movil: tarjeta frosted que cubre toda la seccion (como "Dirigido a") */
@media (max-width: 600px){
    .cl-eslogan-banner{
        grid-template-columns: 1fr;
        align-items: stretch;
        min-height: 520px;
        padding: 0;
        background-position: center;
    }
    .cl-eslogan-banner__card{
        grid-column: 1;
        align-self: stretch;
        justify-self: stretch;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: rgba(13,27,42,.72);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: none;
        border-radius: 0;
    }
    .cl-eslogan-banner__card .cl-lema{ font-size: 18px; }
}

/* ---- Bienvenida (texto completo) ---- */
.cl-bienvenida__intro{ max-width: 720px; margin: 0 auto; }
.cl-bienvenida .cl-bienvenida__intro p{
    text-align: left;
    font-size: 16.5px;
    line-height: 1.85;
    color: var(--cl-texto);
    margin: 0 0 18px;
    max-width: none;
    text-wrap: pretty; /* evita palabras huerfanas al final del parrafo */
}
.cl-bienvenida .cl-bienvenida__intro p:last-child{ margin-bottom: 0; }

.cl-bienvenida .cl-lema{
    max-width: 820px;
    margin: 36px auto;
    padding: 22px 34px;
    border-left: 4px solid var(--cl-acento);
    background: var(--cl-gris);
    border-radius: 0 12px 12px 0;
    color: var(--cl-marino);
    font-size: 21px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.5;
    text-align: center;
}
.cl-bienvenida .cl-bienvenida__cierre{
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    line-height: 1.8;
    color: var(--cl-texto);
    font-weight: 600;
}

/* ---- Objetivos ---- */
.cl-objetivo-general{
    max-width: 920px;
    margin: 0 auto 50px;
    background: var(--cl-blanco);
    border: 1px solid var(--cl-borde);
    border-top: 4px solid var(--cl-acento);
    border-radius: 14px;
    padding: 32px 36px;
    box-shadow: 0 10px 30px rgba(13,27,42,.07);
}
.cl-objetivo-general__tag{
    display: inline-block;
    margin-bottom: 14px;
    padding: 6px 14px;
    background: var(--cl-acento);
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
}
.cl-objetivo-general p{ margin: 0; color: var(--cl-texto); font-size: 16px; line-height: 1.85; }

.cl-objetivos__subtitle{
    text-align: center;
    color: var(--cl-marino);
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 32px;
}
.cl-objetivos-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
}
.cl-objetivo{
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background: var(--cl-blanco);
    border: 1px solid var(--cl-borde);
    border-radius: 14px;
    padding: 28px 30px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.cl-objetivo:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(13,27,42,.12);
    border-color: transparent;
}
.cl-objetivo__icon{
    flex: 0 0 56px;
    width: 56px; height: 56px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: rgba(42,157,143,.12);
    color: var(--cl-acento);
    font-size: 24px;
}
.cl-objetivo__icon i{
    line-height: 1;
    display: block;
    transform: translateY(1px); /* compensa el sesgo vertical de FontAwesome */
}
.cl-objetivo p{ margin: 0; color: var(--cl-texto); font-size: 15px; line-height: 1.75; }

/* ---- Dirigido a (banner con imagen) ---- */
.cl-dirigido-banner{
    position: relative;
    min-height: clamp(480px, 55vw, 660px);
    padding: clamp(40px, 6vh, 72px) 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: url('../images/conferencistas_girl.png') center / cover no-repeat;
    overflow: hidden;
}
.cl-dirigido-banner__card{
    position: relative;
    z-index: 1;
    grid-column: 2;
    align-self: center;
    justify-self: center;
    width: min(520px, 88%);
    padding: 36px 40px;
    background: rgba(13,27,42,.72);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 16px;
}
.cl-dirigido-banner__title{
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 8px;
}
.cl-dirigido-banner__sub{
    color: rgba(255,255,255,.75);
    font-size: 15px;
    margin: 0 0 24px;
    line-height: 1.5;
}
.cl-dirigido-list{
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.cl-dirigido-list li{
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    padding: 14px 16px;
    color: rgba(255,255,255,.92);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}
.cl-dirigido-list li i{
    color: var(--cl-acento);
    font-size: 17px;
    margin-top: 2px;
    flex: 0 0 20px;
    text-align: center;
}
@media (max-width: 900px){
    .cl-dirigido-banner__card{ width: 92%; padding: 28px 28px; }
}
@media (max-width: 600px){
    .cl-dirigido-banner{ grid-template-columns: 1fr; align-items: flex-end; min-height: 560px; padding: 0; background-position: center top; }
    .cl-dirigido-banner__card{ grid-column: 1; justify-self: stretch; width: 100%; border-radius: 0; border-left: none; border-right: none; border-bottom: none; }
    .cl-dirigido-list{ grid-template-columns: 1fr; }
}

/* ---- Ejes con icono (pagina ejes.php) ---- */
.cl-ejes--page .cl-eje--icon{
    text-align: center;
    padding: 38px 28px 32px;
}
.cl-eje__icon-wrap{
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(42,157,143,.12);
    border: 2px solid rgba(42,157,143,.25);
}
.cl-eje__icon-wrap i{
    font-size: 26px;
    color: var(--cl-acento);
    line-height: 1;
    display: block;
    transform: translateY(1px); /* compensa el sesgo vertical de FontAwesome */
}
.cl-ejes--page .cl-eje__num{
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--cl-acento);
    margin-bottom: 8px;
    text-transform: uppercase;
}
.cl-ejes--page .cl-eje__title{
    font-size: 17px;
    margin-bottom: 10px;
}

/* ---- Franja Organizan / Patrocinan ---- */
.cl-orgbanner{ text-align: center; }
.cl-orgbanner + .cl-orgbanner{ margin-top: 46px; }
.cl-orgbanner__title{
    color: var(--cl-marino);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 26px;
}
.cl-orgbanner__title::after{
    content:"";
    display:block;
    width: 54px; height: 3px;
    border-radius: 3px;
    background: var(--cl-acento);
    margin: 14px auto 0;
}
.cl-orgbanner__tier{
    display: block;
    margin: 26px 0 14px;
    color: var(--cl-texto-suave);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.cl-orgbanner__logos{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 28px 40px;
}
.cl-orgbanner__item{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .25s ease, opacity .25s ease, filter .25s ease;
}
.cl-orgbanner__item:hover{ transform: translateY(-3px); }
.cl-orgbanner__item img{ height: 96px; width: auto; max-width: 220px; display: block; }
/* Los patrocinadores van en escala de grises hasta el hover */
/* Marca pais bajo los organizadores: separador simple y logo mas discreto */
.cl-orgbanner--apoyo{ margin-top: 34px; }
.cl-orgbanner__divider{
    width: 120px;
    height: 2px;
    background: var(--cl-borde);
    margin: 0 auto 28px;
}
.cl-orgbanner--apoyo .cl-orgbanner__item img{ height: 70px; }

/* ---- Responsive (secciones nuevas del home) ---- */
@media (max-width: 768px){
    .cl-objetivos-grid{ grid-template-columns: 1fr; }
    .cl-dirigido-list{ grid-template-columns: 1fr; }
    .cl-bienvenida .cl-bienvenida__intro p{ font-size: 16px; }
    .cl-bienvenida .cl-lema{ font-size: 18px; padding: 18px 22px; }
    .cl-objetivo-general{ padding: 26px 24px; }
    .cl-orgbanner__item img{ height: 74px; }
    .cl-orgbanner--apoyo .cl-orgbanner__item img{ height: 56px; }
}


/* ===============================================================
   CONLES 2027 — Aviso "Proximamente" (paginas en construccion)
   =============================================================== */
.cl-pronto{
    max-width: 620px;
    margin: 0 auto;
    text-align: center;
    background: var(--cl-blanco);
    border: 1px solid var(--cl-borde);
    border-radius: 18px;
    padding: 56px 40px;
    box-shadow: 0 12px 34px rgba(13,27,42,.07);
}
.cl-pronto__icon{
    width: 84px; height: 84px;
    margin: 0 auto 24px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: rgba(42,157,143,.12);
    color: var(--cl-acento);
    font-size: 36px;
    animation: clPulse 2.4s ease-in-out infinite;
}
@keyframes clPulse{
    0%, 100%{ transform: scale(1); }
    50%{ transform: scale(1.08); }
}
.cl-pronto__title{
    color: var(--cl-marino);
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 14px;
    letter-spacing: .5px;
}
.cl-pronto__title::after{
    content:"";
    display:block;
    width: 54px; height: 4px;
    border-radius: 4px;
    background: var(--cl-acento);
    margin: 16px auto 0;
}
.cl-pronto__text{
    color: var(--cl-texto-suave);
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}
@media (max-width: 560px){
    .cl-pronto{ padding: 40px 24px; }
    .cl-pronto__title{ font-size: 26px; }
}
@media (prefers-reduced-motion: reduce){
    .cl-pronto__icon{ animation: none; }
}