a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
*,:after,:before{box-sizing:border-box}
body{font-family:Poppins,sans-serif}
::-webkit-input-placeholder{font-family:Poppins,sans-serif}
::-moz-placeholder{font-family:Poppins,sans-serif}
:-ms-input-placeholder{font-family:Poppins,sans-serif}
:-moz-placeholder{font-family:Poppins,sans-serif}
.container{margin:0 auto;max-width:1438px;padding-left:.75rem;padding-right:.75rem}
.topbar{background-color:#003670;position:-webkit-sticky;position:sticky;top:0;z-index:100}
.topbar-cont{height:60px;justify-content:space-between}
.topbar-cont,.topbar-right,.topbar-right .menu{align-items:center;display:flex}
.topbar-right .menu{margin-right:30px}
.topbar-right .menu-item{color:#fff;font-size:14px;font-weight:500;line-height:21px;padding:0 15px}
.topbar-right .menu-item.active{position:relative}
.topbar-right .menu-item.active:before{background-color:#fff;content:"";display:block;height:3px;left:0;position:absolute;top:-88%;width:100%}
.topbar-right .lang-select{padding-left:30px;position:relative}
.topbar-right .lang-select:before{background-color:hsla(0,0%,100%,.43);content:"";display:block;height:60px;left:-10px;position:absolute;top:-23px;width:1px}
.topbar-right .lang-select a{align-items:center;color:#fff;display:flex;font-size:14px;text-decoration:none}
.topbar-right .lang-select a img{height:8px;margin-bottom:1px}
.topbar-right .lang-select a span{padding:0 10px}
.topbar .logo{display:flex}
.topbar .logo-icon{margin-right:20px;position:relative}
.topbar .logo-icon:before{background-color:hsla(0,0%,100%,.43);content:"";display:block;height:50px;position:absolute;right:-10px;top:-10px;width:1px}
.topbar .logo-icon img{height:30px}
.topbar .logo-text{color:#fff;font-size:16px}
.topbar .logo-text>span{font-weight:700}
.main-menu{background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);height:72px;position:-webkit-sticky;position:sticky;top:60px;z-index:99}
.main-menu .container{height:100%}
.main-menu .menu-toggle{display:none}
.main-menu-cont{align-items:center;display:flex;height:100%;justify-content:space-between}
.main-menu-cont .menu{display:flex}
.main-menu-cont .menu-item{color:#003670;font-size:14px;font-weight:500;letter-spacing:.9px;margin-right:15px;text-decoration:none}
.main-menu-cont .menu-item.active,.main-menu-cont .menu-item:hover{color:#dc052d}
.main-menu-cont .menu .tab-menu{display:none}
.search-bar{max-width:284px;position:relative}
.search-bar-toggle{background-color:#dc052d;border:0;border-radius:50px;color:#fff;display:none;height:40px;line-height:40px;width:40px}
.search-bar input{border:1px solid #98b4d4;border-radius:50px;height:40px;padding:11px 50px 11px 23px;width:100%}
.search-bar button{background-color:#dc052d;border:0;border-radius:50px;color:#fff;cursor:pointer;height:40px;line-height:40px;position:absolute;right:0;top:0;width:40px}
.search-bar button:hover{opacity:.8}
.search-bar button i{font-size:18px}
.search-bar button span{font-size:0;line-height:0}
.search-bar.gray-search input{border:1px solid #1e3a8a}
.search-bar.gray-search button{background-color:#003670;color:#fff}
.search-full{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.3s;width:100%;z-index:100}
.search-full.visible{background-color:#878787e3;opacity:1;pointer-events:all}
.search-full-cont{min-width:75%;position:relative}
.search-full-cont input{border:1px solid #003670;border-radius:50px;font-size:18px;height:75px;padding:25px 75px 25px 35px;width:100%}
.search-full-cont:after{align-items:center;background-image:url(../../images/search-icon.svg);background-repeat:no-repeat;background-size:cover;content:"";display:block;height:75px;justify-content:center;position:absolute;right:0;top:0;width:75px}
.main-hero{align-items:center;background-color:#eef5ff;display:flex;height:500px}
.main-hero .hero-cont{align-items:center;display:flex;justify-content:space-between}
.main-hero .hero-text{max-width:780px}
.main-hero .hero-text .hero-title{color:#003670;font-size:58px;font-weight:500;line-height:68px;margin-bottom:32px}
.main-hero .hero-text .hero-title span{color:#dc052d}
.main-hero .hero-text .hero-subtitle{color:#003670;font-size:18px;line-height:32px;margin-bottom:32px;opacity:.8}
.main-hero .hero-img img{height:550px;max-width:100%;width:100%}
.section-values{padding:160px 0}
.section-values .values-title{color:#003670;font-size:48px;font-weight:500;line-height:58px;margin-bottom:26px}
.section-values .values-title span{font-weight:600}
.section-values .values-subtitle{color:#969696;font-size:16px;line-height:28px}
.section-values .values-slider{position:relative}
.section-values .values-slider .slider{display:flex}
.section-values .values-slider .slide{border:1px solid #003670;border-radius:12px;color:#003670;cursor:pointer;max-height:454px;min-height:454px;padding:160px 40px;text-align:center;transition:.3s;width:25%}
.section-values .values-slider .slide:nth-child(2){margin:0 26px}
.section-values .values-slider .slide-icon{font-size:24px;margin-bottom:20px}
.section-values .values-slider .slide-title{font-size:24px;font-weight:500;margin-bottom:20px}
.section-values .values-slider .slide-text{display:none;font-size:16px;line-height:26px;position:relative}
.section-values .values-slider .slide.active{background-color:#003670;box-shadow:15px 15px 30px #00142924;color:#fff;padding:160px 48px 96px;text-align:left;width:50%}
.section-values .values-slider .slide.active .slide-text{-webkit-animation:slideUp .7s cubic-bezier(.47,0,.75,.72) 75ms normal backwards;animation:slideUp .7s cubic-bezier(.47,0,.75,.72) 75ms normal backwards;display:block;opacity:.7}
@-webkit-keyframes slideUp{0%{bottom:-50px;opacity:0}
}@keyframes slideUp{0%{bottom:-50px;opacity:0}
50%{bottom:0;opacity:1}
to{bottom:0;opacity:1}
}.section-values .values-slider .slider-control{bottom:-50px;display:flex;left:50%;position:absolute;transform:translateX(-50%)}
.section-values .values-slider .slider-control span{background-color:#003670;border-radius:50px;cursor:pointer;height:10px;margin:0 8px;opacity:.7;width:10px}
.section-values .values-slider .slider-control span.active{opacity:1}
.action-tabs{padding-bottom:160px;padding-top:50px}
.action-tabs-title{color:#fff;font-size:48px;font-weight:500;line-height:58px;margin-bottom:26px}
.action-tabs-title span{font-weight:600}
.action-tabs-subtitle{color:#fff;font-size:16px;line-height:28px;opacity:.7}
.action-tabs-cont{background-color:#003670;border-radius:12px;box-shadow:0 15px 50px #00152c0f;padding:100px 38px;position:relative}
.action-tabs-cont>.row{display:none}
.action-tabs-cont>.row.visibleTab{display:flex}
.action-tabs-cont .tab-control{background-color:#fff;border-radius:8px;box-shadow:0 3px 20px #00000029;position:absolute;top:-34px}
.action-tabs-cont .tab-control span{color:#003670;cursor:pointer;display:inline-block;font-size:20px;font-weight:600;padding:27px 36px}
.action-tabs-cont .tab-control span:not(:last-child){border-right:1px solid #eaeaea}
.action-tabs-cont .action-buttons a{align-items:center;background-color:#fff;border-radius:6px;color:#003670;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:41px 16px;text-align:center}
.action-tabs-cont .action-buttons a i{font-size:60px;margin-bottom:30px}
.action-tabs-cont .action-buttons a span{line-height:24px;max-width:160px}
.section-components{margin-bottom:160px}
.section-components .components-title{color:#003670;font-size:48px;font-weight:500;line-height:58px;margin-bottom:26px}
.section-components .components-title span{font-weight:600}
.section-components .components-subtitle{color:#969696;font-size:16px;line-height:28px;margin-bottom:45px}
.section-components .row{justify-content:center}
.section-components img{max-width:450px;width:100%}
.footer-dark .footer-top{background-color:#003670;padding:43px 0 83px}
.footer-dark .footer-top .logo-cont{height:100%;position:relative}
.footer-dark .footer-top .logo-cont:after{background-color:#d8d8d8;content:"";display:block;height:100%;position:absolute;right:90px;top:0;width:1px}
.footer-dark .footer-top .footer-title{color:#fff;margin-bottom:32px;text-transform:uppercase}
.footer-dark .footer-top .footer-menu-list li a{color:#fff;font-size:14px;line-height:20px}
.footer-dark .footer-top .footer-menu-list li a:hover{opacity:.8}
.footer-dark .footer-top .footer-menu-list li:not(:last-child){margin-bottom:12px}
.footer-dark .footer-top .footer-menu-list li span{color:#fff;font-size:14px;line-height:20px}
.footer-dark .footer-bottom-cont{color:#003670;display:flex;justify-content:space-between;padding:30px 0}
.footer-dark .footer-bottom-cont .date,.footer-dark .footer-bottom-cont .logo{align-items:center;display:inline-flex;font-size:14px;font-weight:500}
.footer-dark .footer-bottom-cont .logo{align-items:center;display:inline-flex}
.footer-dark .footer-bottom-cont .logo img{margin-left:8px}
.footer-dark .footer-bottom-right{align-items:center;display:flex}
.footer-dark .footer-bottom-right .follow-text{font-size:14px;font-weight:600;margin-right:8px}
.footer-dark .footer-bottom-right .follow-icons{grid-column-gap:16px;display:grid;grid-auto-flow:column}
.footer-dark .footer-bottom-right .follow-icons a{color:#003670}
.btn{border-radius:50px;display:inline-block;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;padding:12px 32px;text-transform:uppercase;transition:.3s}
.btn.btn-blue{background-color:#003670;color:#fff}
.btn.btn-blue:hover{background-color:#1e3a8a}
.dropdown-simple{position:relative}
.dropdown-simple .active{color:#003670;cursor:pointer;display:inline-flex;font-weight:500}
.dropdown-list{background-color:#fff;border-radius:6px;box-shadow:0 3px 30px rgba(0,0,0,.08);display:none;padding:20px 12px;position:absolute;right:0;top:30px;width:-webkit-max-content;width:-moz-max-content;width:max-content}
.dropdown-list.show{display:block}
.dropdown-list a{color:#262626!important;display:block;font-size:14px;font-weight:300}
.dropdown-list a+a{margin-top:16px}
pre{display:contents;margin:0}
.select2-container--default .select2-selection--single{border-radius:16px;height:38px}
.select2-container--default .select2-selection--single .select2-selection__rendered{font-size:14px;line-height:38px;padding:0 14px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:38px;right:8px}
code{background-color:#f8f8f8!important;border:1px solid transparent;border-radius:6px;display:block;font-family:Consolas,Monaco,monospace;font-size:10pt;overflow-x:auto;padding:.5em;scrollbar-width:thin;-moz-tab-size:4;-o-tab-size:4;tab-size:4}
code:hover{border:1px solid #00367025}
pre code.hljs{padding:16px 30px 20px}
.breadcrumbs{background-color:#eef5ff;padding:18px 0}
.breadcrumbs-cont{align-items:center;display:flex;justify-content:space-between}
.breadcrumbs .page-title,.breadcrumbs .path{color:#003670;font-weight:500;text-transform:capitalize}
.breadcrumbs .path{font-size:14px}
.breadcrumbs .path a{color:#595959}
.list-submenu{border-right:1px solid #ebebeb;padding:84px 0}
.list-submenu .search-category-cont{display:none}
.list-submenu .search-bar{margin-bottom:52px}
.list-submenu .group-submenu{margin-bottom:24px}
.list-submenu .group-submenu-title{border-bottom:1px solid #dbdbdb;color:#acacac;font-size:13px;margin-bottom:18px;padding:8px 0}
.list-submenu .group-submenu ul li{padding:12px 0;position:relative}
.list-submenu .group-submenu ul li.active{border-right:3px solid #003670}
.list-submenu .group-submenu ul li.active:after{background-color:#eef5ff;content:"";display:block;height:100%;position:absolute;right:0;top:0;width:200%}
.list-submenu .group-submenu ul li.active a{color:#003670;font-weight:500}
.list-submenu .group-submenu ul li a{color:#595959;display:block;font-size:14px;position:relative;z-index:1}
.entry-content{max-width:790px;padding:84px 0}
.entry-content.full-w,.entry-content>img{max-width:100%}
.entry-content .entry-title{color:#003670;font-size:28px;font-weight:500;margin-bottom:24px}
.entry-content .entry-subtitle{color:#003670;font-size:24px;font-weight:500;line-height:32px;margin-bottom:24px}
.entry-content .btn+.entry-subtitle{margin-top:32px}
.entry-content p{color:#595959;font-size:14px;line-height:21px}
.entry-content p i{font-style:italic}
.entry-content p b{font-weight:500}
.entry-content ol{color:#595959;font-size:14px;line-height:21px;list-style:auto;margin-left:18px}
.entry-content ol li{margin-bottom:4px}
.entry-content .component-single{margin-top:50px}
.entry-content .component-single-header{display:flex;justify-content:space-between}
.entry-content .component-single-header h2{color:#262626;font-size:16px;font-weight:500}
.entry-content .component-single-header a{align-items:center;color:#595959;display:flex}
.entry-content .component-single-header a:hover{color:#003670}
.entry-content .component-single-header a i{font-size:17px;margin-right:5px}
.entry-content .component-single-usage{margin-top:16px}
.entry-content .component-single-usage h2{color:#02264b;font-size:14px;font-weight:500;margin-bottom:4px}
.entry-content .component-single-usage span{color:#595959;font-size:14px}
.entry-content .component-single-elem{background-color:#f8f8f8;border-radius:6px;margin-top:36px;padding:15px 20px}
.entry-content .component-single-elem .component-color-table .table{width:100%}
.entry-content .component-single-elem .component-color-table .table th{font-size:14px;font-weight:500;padding:8px 0;text-align:left}
.entry-content .component-single-elem .component-color-table .table td{border-top:1px solid #f4f2f2;padding:8px 0;vertical-align:middle}
.entry-content .component-single-elem .component-color-table .table tbody tr:hover .copy-btn{opacity:1!important}
.entry-content .component-single-elem .component-color-table .color-example{align-items:center;display:flex}
.entry-content .component-single-elem .component-color-table .color-example .color-circle{border-radius:50%;height:30px;margin-right:10px;width:30px}
.entry-content .component-single-elem .component-color-table .color-example .color-text{color:#707070;font-size:13px}
.entry-content .component-single-elem .component-color-table .color-example .color-text:hover{color:#003670}
.entry-content .component-single-elem .component-color-table .copy-btn{background-color:#fff;border:1px solid #707070;border-radius:50px;font-size:12px;opacity:0;padding:6px 10px}
.entry-content .component-single-elem .component-color-table .copy-btn:active{background-color:#ddd}
.entry-content .component-single-elem .component-color-table .color-description{color:#707070;font-size:13px}
.entry-content p+p{margin-top:18px}
.entry-content p+h2,.entry-content p+h4{margin-top:40px}
.entry-content ol+p,.entry-content p+ol{margin-top:18px}
.entry-content ol+h2{margin-top:40px}
.entry-content p+.btn{margin-top:24px}
.category-cards h4{color:#262626;font-size:20px;font-weight:500;margin-bottom:26px;margin-top:40px}
.category-cards-list .col-md-3:nth-child(n+5){margin-top:30px}
.category-cards .item{border:1px solid #dbdbdb;border-radius:6px;display:flex;flex-direction:column;transition:.3s}
.category-cards .item:hover{box-shadow:0 3px 30px rgba(0,0,0,.08)}
.category-cards .item-img{border-top-left-radius:6px;border-top-right-radius:6px;height:130px;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.category-cards .item-title{border-top:1px solid #dbdbdb;color:#262626;display:block;font-size:13px;font-weight:500;padding:10px 0;text-align:center}
.filter-results{display:flex;justify-content:space-between;margin-bottom:50px}
.filter-qty{color:#595959;font-size:14px}
.filter-size a{color:#003670}
.resources-results{display:grid;gap:15px;grid-template-columns:auto auto auto auto auto auto}
.resources-results .item{display:inline-block}
.resources-results .item img{border-radius:6px;height:104px;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.resources-results .item .title{color:#262626;font-size:13px;font-weight:500;line-height:19px;margin-top:12px}
.resources-results .item:hover{opacity:.9}
.resources-results .item:hover .title{color:#003670}
.resources-results--big{grid-template-columns:auto auto auto auto}
.resources-results--big .item img{height:208px}
.single-resource-cont{padding:84px 0}
.single-resource-cont .back-to-page{align-items:center;color:#595959;display:flex;margin-bottom:34px}
.single-resource-cont .back-to-page i{margin-right:14px}
.single-resource-cont .back-to-page:hover{color:#003670}
.single-resource-title{color:#003670;font-size:28px;font-weight:500;margin-bottom:34px}
.single-resource-data{color:#262626}
.single-resource-data .title{font-weight:500}
.single-resource-data+.single-resource-data{line-height:24px;margin-top:12px}
.single-resource .btn{margin-top:50px}
.single-resource-img{position:relative}
.single-resource-img img{max-width:100%;width:100%}
.single-resource-img .light-box{align-items:center;background-color:#fff;border-radius:50px;bottom:50px;box-shadow:0 6px 25px rgba(0,0,0,.1);display:flex;height:50px;justify-content:center;position:absolute;right:50px;transform:rotate(45deg);width:50px}


/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */html{-ms-overflow-style:scrollbar;box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}
.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}
.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
.no-gutters{margin-left:0;margin-right:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%}
.col{flex-basis:0;flex-grow:1;max-width:100%}
.col-auto{flex:0 0 auto;max-width:100%;width:auto}
.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}
.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}
.col-3{flex:0 0 25%;max-width:25%}
.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}
.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}
.col-6{flex:0 0 50%;max-width:50%}
.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}
.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}
.col-9{flex:0 0 75%;max-width:75%}
.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}
.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}
.col-12{flex:0 0 100%;max-width:100%}
.order-first{order:-1}
.order-last{order:13}
.order-0{order:0}
.order-1{order:1}
.order-2{order:2}
.order-3{order:3}
.order-4{order:4}
.order-5{order:5}
.order-6{order:6}
.order-7{order:7}
.order-8{order:8}
.order-9{order:9}
.order-10{order:10}
.order-11{order:11}
.order-12{order:12}
.offset-1{margin-left:8.3333333333%}
.offset-2{margin-left:16.6666666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.3333333333%}
.offset-5{margin-left:41.6666666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.3333333333%}
.offset-8{margin-left:66.6666666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.3333333333%}
.offset-11{margin-left:91.6666666667%}
.d-none{display:none!important}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-table{display:table!important}
.d-table-row{display:table-row!important}
.d-table-cell{display:table-cell!important}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.flex-row{flex-direction:row!important}
.flex-column{flex-direction:column!important}
.flex-row-reverse{flex-direction:row-reverse!important}
.flex-column-reverse{flex-direction:column-reverse!important}
.flex-wrap{flex-wrap:wrap!important}
.flex-nowrap{flex-wrap:nowrap!important}
.flex-wrap-reverse{flex-wrap:wrap-reverse!important}
.flex-fill{flex:1 1 auto!important}
.flex-grow-0{flex-grow:0!important}
.flex-grow-1{flex-grow:1!important}
.flex-shrink-0{flex-shrink:0!important}
.flex-shrink-1{flex-shrink:1!important}
.justify-content-start{justify-content:flex-start!important}
.justify-content-end{justify-content:flex-end!important}
.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.justify-content-around{justify-content:space-around!important}
.align-items-start{align-items:flex-start!important}
.align-items-end{align-items:flex-end!important}
.align-items-center{align-items:center!important}
.align-items-baseline{align-items:baseline!important}
.align-items-stretch{align-items:stretch!important}
.align-content-start{align-content:flex-start!important}
.align-content-end{align-content:flex-end!important}
.align-content-center{align-content:center!important}
.align-content-between{align-content:space-between!important}
.align-content-around{align-content:space-around!important}
.align-content-stretch{align-content:stretch!important}
.align-self-auto{align-self:auto!important}
.align-self-start{align-self:flex-start!important}
.align-self-end{align-self:flex-end!important}
.align-self-center{align-self:center!important}
.align-self-baseline{align-self:baseline!important}
.align-self-stretch{align-self:stretch!important}
.m-0{margin:0!important}
.mt-0,.my-0{margin-top:0!important}
.mr-0,.mx-0{margin-right:0!important}
.mb-0,.my-0{margin-bottom:0!important}
.ml-0,.mx-0{margin-left:0!important}
.m-1{margin:.25rem!important}
.mt-1,.my-1{margin-top:.25rem!important}
.mr-1,.mx-1{margin-right:.25rem!important}
.mb-1,.my-1{margin-bottom:.25rem!important}
.ml-1,.mx-1{margin-left:.25rem!important}
.m-2{margin:.5rem!important}
.mt-2,.my-2{margin-top:.5rem!important}
.mr-2,.mx-2{margin-right:.5rem!important}
.mb-2,.my-2{margin-bottom:.5rem!important}
.ml-2,.mx-2{margin-left:.5rem!important}
.m-3{margin:1rem!important}
.mt-3,.my-3{margin-top:1rem!important}
.mr-3,.mx-3{margin-right:1rem!important}
.mb-3,.my-3{margin-bottom:1rem!important}
.ml-3,.mx-3{margin-left:1rem!important}
.m-4{margin:1.5rem!important}
.mt-4,.my-4{margin-top:1.5rem!important}
.mr-4,.mx-4{margin-right:1.5rem!important}
.mb-4,.my-4{margin-bottom:1.5rem!important}
.ml-4,.mx-4{margin-left:1.5rem!important}
.m-5{margin:3rem!important}
.mt-5,.my-5{margin-top:3rem!important}
.mr-5,.mx-5{margin-right:3rem!important}
.mb-5,.my-5{margin-bottom:3rem!important}
.ml-5,.mx-5{margin-left:3rem!important}
.p-0{padding:0!important}
.pt-0,.py-0{padding-top:0!important}
.pr-0,.px-0{padding-right:0!important}
.pb-0,.py-0{padding-bottom:0!important}
.pl-0,.px-0{padding-left:0!important}
.p-1{padding:.25rem!important}
.pt-1,.py-1{padding-top:.25rem!important}
.pr-1,.px-1{padding-right:.25rem!important}
.pb-1,.py-1{padding-bottom:.25rem!important}
.pl-1,.px-1{padding-left:.25rem!important}
.p-2{padding:.5rem!important}
.pt-2,.py-2{padding-top:.5rem!important}
.pr-2,.px-2{padding-right:.5rem!important}
.pb-2,.py-2{padding-bottom:.5rem!important}
.pl-2,.px-2{padding-left:.5rem!important}
.p-3{padding:1rem!important}
.pt-3,.py-3{padding-top:1rem!important}
.pr-3,.px-3{padding-right:1rem!important}
.pb-3,.py-3{padding-bottom:1rem!important}
.pl-3,.px-3{padding-left:1rem!important}
.p-4{padding:1.5rem!important}
.pt-4,.py-4{padding-top:1.5rem!important}
.pr-4,.px-4{padding-right:1.5rem!important}
.pb-4,.py-4{padding-bottom:1.5rem!important}
.pl-4,.px-4{padding-left:1.5rem!important}
.p-5{padding:3rem!important}
.pt-5,.py-5{padding-top:3rem!important}
.pr-5,.px-5{padding-right:3rem!important}
.pb-5,.py-5{padding-bottom:3rem!important}
.pl-5,.px-5{padding-left:3rem!important}
.m-n1{margin:-.25rem!important}
.mt-n1,.my-n1{margin-top:-.25rem!important}
.mr-n1,.mx-n1{margin-right:-.25rem!important}
.mb-n1,.my-n1{margin-bottom:-.25rem!important}
.ml-n1,.mx-n1{margin-left:-.25rem!important}
.m-n2{margin:-.5rem!important}
.mt-n2,.my-n2{margin-top:-.5rem!important}
.mr-n2,.mx-n2{margin-right:-.5rem!important}
.mb-n2,.my-n2{margin-bottom:-.5rem!important}
.ml-n2,.mx-n2{margin-left:-.5rem!important}
.m-n3{margin:-1rem!important}
.mt-n3,.my-n3{margin-top:-1rem!important}
.mr-n3,.mx-n3{margin-right:-1rem!important}
.mb-n3,.my-n3{margin-bottom:-1rem!important}
.ml-n3,.mx-n3{margin-left:-1rem!important}
.m-n4{margin:-1.5rem!important}
.mt-n4,.my-n4{margin-top:-1.5rem!important}
.mr-n4,.mx-n4{margin-right:-1.5rem!important}
.mb-n4,.my-n4{margin-bottom:-1.5rem!important}
.ml-n4,.mx-n4{margin-left:-1.5rem!important}
.m-n5{margin:-3rem!important}
.mt-n5,.my-n5{margin-top:-3rem!important}
.mr-n5,.mx-n5{margin-right:-3rem!important}
.mb-n5,.my-n5{margin-bottom:-3rem!important}
.ml-n5,.mx-n5{margin-left:-3rem!important}
.m-auto{margin:auto!important}
.mt-auto,.my-auto{margin-top:auto!important}
.mr-auto,.mx-auto{margin-right:auto!important}
.mb-auto,.my-auto{margin-bottom:auto!important}
.ml-auto,.mx-auto{margin-left:auto!important}
.w-25{width:25%!important}
.w-50{width:50%!important}
.w-75{width:75%!important}
.w-100{width:100%!important}
.w-auto{width:auto!important}
.h-25{height:25%!important}
.h-50{height:50%!important}
.h-75{height:75%!important}
.h-100{height:100%!important}
.h-auto{height:auto!important}
.mw-100{max-width:100%!important}
.mh-100{max-height:100%!important}
.min-vw-100{min-width:100vw!important}
.min-vh-100{min-height:100vh!important}
.vw-100{width:100vw!important}
.vh-100{height:100vh!important}
.position-static{position:static!important}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.position-fixed{position:fixed!important}
.position-sticky{position:-webkit-sticky!important;position:sticky!important}
.fixed-top{top:0}
.fixed-bottom,.fixed-top{left:0;position:fixed;right:0;z-index:1030}
.fixed-bottom{bottom:0}
@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
}.visible{visibility:visible!important}
.invisible{visibility:hidden!important}
.introjs-tooltip{min-width:350px!important;width:128%}
.introjs-tooltiptext{font-size:15px}
.introjs-tooltiptext ul{list-style:circle;padding-left:15px}
.introjs-tooltiptext ul li{margin-bottom:10px}
.introjs-tooltipReferenceLayer *{font-family:Poppins,sans-serif!important}
.introjs-button{background:#fff!important;border-color:#003876!important;border-radius:50px!important;color:#003876!important}
.introjs-disabled{opacity:.6}
.example-content{border:1px solid #343a40;margin-bottom:18px;padding:8px;position:relative}
.example-content>svg{height:100%;width:100%}
.btn+.example-content,p+.example-content{margin-top:18px}
.custom-select{font-family:Poppins;margin-bottom:24px;position:relative}
.custom-select select{display:none}
.select-selected:after{border:6px solid transparent;border-top-color:#02264b;content:"";height:0;position:absolute;right:10px;top:14px;width:0}
.select-selected.select-arrow-active:after{border-color:transparent transparent #02264b;top:7px}
.select-items div,.select-selected{border:1px solid transparent;border-bottom-color:#707070;color:#02264b;cursor:pointer;padding:8px}
.select-items{background-color:#c7c7c7;left:0;position:absolute;right:0;top:100%;z-index:99}
.select-hide{display:none}
.same-as-selected,.select-items div:hover{background-color:rgba(0,0,0,.1)}

/*# sourceMappingURL=main.css.map */

/* === Servicios: asegurar marco uniforme y recorte elegante === */

/* Fallback por si tu Bootstrap no tuviera .ratio-4x3 */
.sdd-servicios .card .ratio,
.post-type-archive-servicio .card .ratio,
.tax-servicios-ca .card .ratio {
  aspect-ratio: 4 / 3;   /* garantiza el 4:3 */
  width: 100%;
  overflow: hidden;
  border-radius: .5rem .5rem 0 0;
}


.sdd-servicios .card-img-top,
.post-type-archive-servicio .card-img-top,
.tax-servicios-ca .card-img-top {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* recorte sin deformar */
  object-position: center;
}

.sdd-news .news-hero-title{
  position:absolute; left:24px; right:24px; bottom:18px;
  color:#fff; font-weight:800; line-height:1.1;
  font-size:clamp(1.2rem, 2.2vw + .7rem, 2.25rem);
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}


/* ===== Laterales (derecha) ===== */
.sdd-news .news-side-thumb{ width:38%; min-width:180px; aspect-ratio:4/3; overflow:hidden; border-radius:.5rem; }

.sdd-news .news-side-body .h4{ font-weight:800; line-height:1.15; }

.sdd-news .news-excerpt{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}






/* =========================
   N O T I C I A S  (limpio)
   ========================= */

/* ancho más generoso solo en esta sección */
.sdd-news.container{ max-width: 1320px; }


/* variables de layout */
.sdd-news{
  --ns-gap: 12px;
  --ns-thumb-w: 260px;  /* thumb columna derecha */
  --ns-thumb-h: 172px;

  --nb-aspect: 4/3;     /* grid inferior */
}


/* ===== cabecera ===== */
.sdd-news .news-header-compact{
  display:flex; align-items:center; gap:.9rem; margin-bottom:1.25rem;
}

.sdd-news .news-icon svg{ width:44px; height:44px; color:#222; display:block; }

.sdd-news .news-overline{
  margin:0 0 .1rem 0; text-transform:uppercase; letter-spacing:.14em;
  font-weight:700; font-size:.95rem; color:#6c757d;
}

.sdd-news .news-heading{
  margin:0; font-weight:900; letter-spacing:.02em;
  font-size:clamp(1.4rem, 2.2vw + .6rem, 2rem); color:#222;
}


/* ===== hero ===== */
.sdd-news .news-hero-media{
  position:relative; display:block; width:100%;
  aspect-ratio:16/9; overflow:hidden; border-radius:.5rem;
}

.sdd-news .news-hero-img{ width:100%; height:100%; object-fit:cover; display:block; }

.sdd-news .news-hero-media::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 55%, rgba(0,0,0,.45) 100%);
}

.sdd-news .news-hero-title{
  position:absolute; left:24px; right:24px; bottom:18px;
  color:#fff; font-weight:800; line-height:1.1;
  font-size:clamp(1.1rem, 1.6vw + .6rem, 2rem);
  text-shadow:0 2px 18px rgba(0,0,0,.45);
  max-width:90%;
}


/* ===== columna derecha (3 ítems: imagen completa + overlay) ===== */
.sdd-news .news-side-col{
  display:flex; flex-direction:column; gap: var(--ns-gap);
}


.sdd-news .news-side-card{
  display:block; border-radius:.5rem; overflow:hidden;
}


.sdd-news .news-side-media{
  position:relative; display:block; width:100%;
  aspect-ratio:4/3;                  /* altura consistente */
  overflow:hidden; border-radius:.5rem;
}


.sdd-news .news-side-img{
  width:100%; height:100%; object-fit:cover; display:block;
}


.sdd-news .news-side-media::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.55) 100%);
}


.sdd-news .news-side-title{
  position:absolute; left:14px; right:14px; bottom:12px;
  color:#fff; font-weight:800; line-height:1.2;
  font-size:clamp(.95rem, 1vw + .5rem, 1.15rem);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}



/* ===== GRID INFERIOR (4 ítems) — imagen completa + overlay ===== */
.sdd-news .news-below-card{
  display:block; border-radius:.5rem; overflow:hidden;
}


.sdd-news .news-below-media{
  position:relative; display:block; width:100%;
  aspect-ratio: var(--nb-aspect, 4/3);
  overflow:hidden; border-radius:.5rem;
}


.sdd-news .news-below-img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition: transform .35s ease;
}


.sdd-news .news-below-media::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.55) 100%);
}


.sdd-news .news-below-title{
  position:absolute; left:14px; right:14px; bottom:12px;
  color:#fff; font-weight:800; line-height:1.2;
  font-size:clamp(1rem, 1.05vw + .55rem, 1.15rem);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}


/* ===== HOVER GLOBAL (hero, laterales derecha y grid inferior) ===== */
.sdd-news .news-hero-img,
.sdd-news .news-side-img,
.sdd-news .news-below-img{
  transition: transform .35s ease;
}


.sdd-news .news-hero-media::before,
.sdd-news .news-side-media::before,
.sdd-news .news-below-media::before{
  content:""; position:absolute; inset:0; border:2px solid transparent;
  border-radius:inherit; transition: border-color .25s ease, box-shadow .25s ease;
  pointer-events:none;
}


/* Zoom + borde al pasar el mouse */
.sdd-news .news-hero-media:hover .news-hero-img,
.sdd-news .news-side-media:hover .news-side-img,
.sdd-news .news-below-media:hover .news-below-img{
  transform: scale(1.06);
}


.sdd-news .news-hero-media:hover::before,
.sdd-news .news-side-media:hover::before,
.sdd-news .news-below-media:hover::before{
  border-color: #000;              /* borde negro */
  box-shadow: 0 8px 18px rgba(0,0,0,.12); /* sutil elevación */
}



/* ===== responsive ===== */




/* ===== Igualar alturas en escritorio y mantener ratio en móvil ===== */


/* Más separación entre hero y el grid de 4 inferiores */
.sdd-news .news-below-grid{ margin-top: 1.75rem !important; }



/* ===== Forzar orden de capas y color blanco en títulos ===== */
.sdd-news .news-hero-media,
.sdd-news .news-side-media,
.sdd-news .news-below-media{
  position: relative;
  z-index: 0; /* base */
}


.sdd-news .news-hero-img,
.sdd-news .news-side-img,
.sdd-news .news-below-img{
  position: relative;
  z-index: 0;
}


.sdd-news .news-hero-media::after,
.sdd-news .news-side-media::after,
.sdd-news .news-below-media::after{
  z-index: 1; /* overlay debajo del título */
}


.sdd-news .news-hero-title,
.sdd-news .news-side-title,
.sdd-news .news-below-title{
  position: absolute; /* ya lo tienes, pero reafirmamos */
  z-index: 2;         /* por encima del overlay */
  color: #fff !important;
  -webkit-text-fill-color: #fff !important; /* Safari */
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
  mix-blend-mode: normal !important; /* por si algún estilo usa blend */
  opacity: 1 !important;             /* por si hereda opacidad */
}


/* (opcional) si quieres un overlay un poco más fuerte para contraste */
.sdd-news .news-hero-media::after,
.sdd-news .news-side-media::after,
.sdd-news .news-below-media::after{
  background: linear-gradient(180deg, rgba(0,0,0,0) 52%, rgba(0,0,0,.65) 100%);
}


/* ===========================
   SERVICIOS – estilos mejorados (v2)
   =========================== */
.sdd-servicios{
  --svc-accent:       #0d6efd;   /* azul brillante al hover */
  --svc-accent-muted: #285bb5;   /* azul opaco por defecto */
  --svc-ring:         #000;      /* delineado negro */
  --svc-ring-w:       2px;       /* grosor del borde/aro */
  --svc-shadow:       0 12px 28px rgba(0,0,0,.16);
}


/* Tarjeta base */
.sdd-servicios .card{
  position: relative;
  border:1px solid rgba(0,0,0,.08);
  border-radius:.65rem;
  background:#fff;
  transition: transform .25s ease, box-shadow .25s ease, border-color .15s ease, background-color .2s ease;
  will-change: transform, box-shadow;
}


/* Marco de imagen con overlay */
.sdd-servicios .card .ratio{
  position:relative;
  overflow:hidden;
  border-radius:.65rem .65rem 0 0;
}

.sdd-servicios .card .ratio::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.22) 100%);
  opacity:0; transition:opacity .25s ease;
}


/* Imagen: preparada para zoom */
.sdd-servicios .card .card-img-top{
  transition: transform .35s ease;
  will-change: transform;
}


/* Cuerpo de la tarjeta */
.sdd-servicios .card-body{
  padding: .95rem 1rem 1.05rem;
}


/* Título más delicado */
.sdd-servicios .card-title{ margin:0; }

.sdd-servicios .card-title a{
  display:inline-block;
  color: var(--svc-accent-muted) !important;       /* base opaco */
  font-weight: 600;
  letter-spacing: .01em;
  font-size: clamp(1rem, 1.1vw + .4rem, 1.12rem);
  line-height: 1.22;
  text-decoration: none;
  transition: color .15s ease;
}


/* === HOVER / FOCUS: invertir color + borde negro + flotar + zoom === */
.sdd-servicios .card:hover,
.sdd-servicios .card:focus-within{
  transform: translateY(-4px);
  /* aro negro visible alrededor + sombra de elevación */
  box-shadow:
    0 0 0 var(--svc-ring-w) var(--svc-ring),
    var(--svc-shadow) !important;
  border-color: var(--svc-ring) !important; /* por si algún tema fuerza el borde */
}


.sdd-servicios .card:hover .ratio::after,
.sdd-servicios .card:focus-within .ratio::after{
  opacity:1;
}


.sdd-servicios .card:hover .card-img-top,
.sdd-servicios .card:focus-within .card-img-top{
  transform: scale(1.06);
}


/* título en azul brillante al hover/focus (inversión) */
.sdd-servicios .card:hover .card-title a,
.sdd-servicios .card:focus-within .card-title a,
.sdd-servicios .card-title a:hover,
.sdd-servicios .card-title a:focus{
  color: var(--svc-accent) !important;
}


/* visited nunca cambia a morado */
.sdd-servicios .card-title a:visited{ color: var(--svc-accent-muted) !important; }


/* Accesibilidad: foco claro en toda la tarjeta (teclado) */
.sdd-servicios .card .stretched-link:focus-visible{
  outline: 3px solid var(--svc-accent);
  outline-offset: 4px;
  border-radius:.5rem;
}


/* ===== Header de SERVICIOS (clonado de Noticias) ===== */
.sdd-servicios.container{ max-width: 1320px; }
 /* mismo ancho que noticias */

.sdd-servicios .svc-head{ /* wrapper superior con botón a la derecha */
  margin-bottom: 1.25rem;
}


.sdd-servicios .svc-left{
  gap: .9rem; /* si en tu navegador no aplica gap, usa margin-left en .svc-text */
}


.sdd-servicios .svc-icon svg{
  width:44px; height:44px; color:#222; display:block;
}


.sdd-servicios .svc-overline{
  margin:0 0 .1rem 0;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  font-size: .95rem;
  color: #6c757d;   /* gris, igual que noticias */
}


.sdd-servicios .svc-heading{
  margin:0;
  font-weight: 900;
  letter-spacing: .02em;
  font-size: clamp(1.4rem, 2.2vw + .6rem, 2rem); /* MISMO tamaño que noticias */
  color:#222;
}


/* Compatibilidad si 'gap' no aplica en algunos navegadores/BS4 */
.sdd-servicios .svc-left .svc-text{ margin-left: .9rem; }



/* esto es lo que agrega el sombreado abajo del nombre de las noticias y los .sdd-servicios*/

/* Línea + sombra suave bajo los encabezados de NOTICIAS y SERVICIOS */
.sdd-news .news-header-compact,
.sdd-servicios .svc-head{
  position: relative;
  padding-bottom: .6rem;   /* espacio antes de la línea */
  margin-bottom: 1.25rem;  /* separación del contenido siguiente */
}


/* Línea (delineado) a lo ancho del contenedor */
.sdd-news .news-header-compact::before,
.sdd-servicios .svc-head::before{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: rgba(0,0,0,.10);   /* grosor y color de la línea */
}


/* Sombra/halo muy suave debajo (como en tu captura) */
.sdd-news .news-header-compact::after,
.sdd-servicios .svc-head::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 10px;
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,0));
  pointer-events: none;
}


.sdd-interes .interes-head h2{
  font-weight:900;
  letter-spacing:.02em;
}


/* Tarjeta imagen clicable */
.sdd-interes .interes-card{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio: 1 / 1;                /* cuadrado. Cambia a 4/3 si prefieres */
  border-radius:14px;
  overflow:hidden;
  background:#0b1020;
  transition: transform .25s ease, box-shadow .25s ease, outline-color .2s ease;
}


/* Imagen y efecto zoom */
.sdd-interes .interes-img{
  width:100%; height:100%;
  object-fit:cover; display:block;
  transition: transform .35s ease, filter .35s ease;
}


/* Aro/borde + sombra al hover */
.sdd-interes .interes-card::before{
  content:""; position:absolute; inset:0; border:2px solid transparent;
  border-radius:inherit; pointer-events:none;
  transition:border-color .2s ease, box-shadow .25s ease;
}

.sdd-interes .interes-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

.sdd-interes .interes-card:hover .interes-img{
  transform: scale(1.06);
  filter: saturate(1.05);
}

.sdd-interes .interes-card:hover::before{
  border-color:#000;                          /* delineado negro */
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
}


/* ===== Banda full-width para "De Interés, esto es lo que le da el color del background
de la parte de interes" ===== */


/* Mantener el mismo ancho interno que el resto del sitio */
.sdd-interes.container{ max-width:1320px; }


/* Skins (prueba cambiando la clase interes-bg-*) */
.interes-bg-soft{
  background:#f6f7fb;               /* gris suave */
}

.interes-bg-light{
  background:#f8f9fa;               /* ultra claro */
}

.interes-bg-brand{
  background: linear-gradient(180deg, #0b1020 0%, #0f1530 100%); /* oscuro */
  color:#fff;
}

.interes-bg-brand .text-muted{ color:rgba(255,255,255,.75)!important; }


/* (Opcional) Si usas fondo oscuro y quieres borde claro al hover en las cards */
.interes-bg-brand .interes-card:hover::before{
  border-color: rgba(255,255,255,.5);
}




.servicio-acf__box{
  background:#fafafa;
  border:1px solid #eee;
  border-radius:16px;
  padding:1.5rem;
}

.servicio-acf__title{
  font-size:1.35rem;
  font-weight:800;
  margin:0 0 1rem 0;
}

.servicio-acf__grid{
  margin:0;
}

.servicio-acf__row{
  display:grid;
  grid-template-columns: 260px 1fr;
  gap:1rem;
  padding:.75rem 0;
  border-top:1px solid #eee;
}

.servicio-acf__row:first-child{ border-top:0; }

.servicio-acf__dt{
  font-weight:700;
  color:#222;
  margin:0;
}

.servicio-acf__dd{
  margin:0;
}

.servicio-acf__dd a{ text-decoration: none; }



/* ===== Columna de lectura cómoda en páginas/entradas/servicios ===== */
.content-narrow{
  max-width: 920px;           /* ancho de lectura (ajusta 880–980 a gusto) */
  margin: 0 auto 3rem;        /* centrado + respiración abajo */
  font-size: 1.04rem;         /* ~16.6px */
  line-height: 1.72;
  color: #111827;
}


/* Título alineado al mismo ancho */
/* .page .entry-title,
.single .entry-title{
  max-width: 920px;
  margin: 12px auto 20px;
  font-weight: 800;
  letter-spacing: .2px;
  line-height: 1.2;
  font-size: clamp(28px, 3vw, 40px);
}
 */

/* Espaciados y jerarquía dentro del contenido */
.content-narrow > * + *{ margin-top: 1rem; }


.content-narrow h1{ font-size: clamp(26px, 2.6vw, 34px); margin: 1.5rem 0 .5rem; }

.content-narrow h2{ font-size: clamp(22px, 2.2vw, 28px); margin: 1.4rem 0 .5rem; }

.content-narrow h3{ font-size: clamp(20px, 2vw, 24px);  margin: 1.2rem 0 .4rem; }

.content-narrow h4{ font-size: 18px;                      margin: 1rem 0 .4rem; }


.content-narrow p{ margin: 0 0 1rem; }

.content-narrow ul,
.content-narrow ol{ padding-left: 1.2rem; margin: 0 0 1rem; }

.content-narrow li{ margin: .25rem 0; }


/* Imágenes dentro del texto */
.content-narrow img{
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

.content-narrow .alignleft{  float:left;  margin:.2rem 1rem .6rem 0;  max-width:48%; }

.content-narrow .alignright{ float:right; margin:.2rem 0 .6rem 1rem; max-width:48%; }

.content-narrow .aligncenter{ display:block; margin-left:auto; margin-right:auto; }


/* Tablas con scroll si se pasan de ancho */
.content-narrow table{
  width:100%;
  border-collapse:collapse;
  display:block;
  overflow-x:auto;
  margin:1rem 0;
}

.content-narrow th,
.content-narrow td{
  border:1px solid #e5e7eb;
  padding:.5rem .75rem;
}


/* Citas */
.content-narrow blockquote{
  border-left:4px solid #0d3b66;
  padding:.75rem 1rem;
  background:#f8fafc;
  border-radius:4px;
}


/* Enlaces sobrios */
.content-narrow a{ color:#0b5ed7; text-decoration:underline; }

.content-narrow a:hover{ color:#083a9b; text-decoration:none; }


/* En móvil quita floats de imagen */



/* ====== Noticias: Grid 3x3 limpio v2 (aislado) ====== */
.sdd-news-list { --cols:3; --gap:24px; }

.sdd-news-list__head { margin-bottom: 1.25rem; }

.sdd-news-list__title {
  font-weight: 800;
  font-size: clamp(1.25rem, 1.2vw + 1rem, 2rem);
  margin: 0 0 .25rem;
}

.sdd-news-list__subtitle { color:#6c757d; margin:0; }


.sdd-news-list__grid{
  display:grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--gap);
  align-items: stretch;
}


/* Tarjeta */
.sdd-card{
  display:flex; flex-direction:column; height:100%;
  background:#fff; border-radius:14px; overflow:hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}

.sdd-card:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.09); }


.sdd-card__media{ position:relative; display:block; overflow:hidden; }

.sdd-card__media::before{ content:""; display:block; aspect-ratio: 4/3; }

.sdd-card__img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition: transform .35s ease;
}

.sdd-card:hover .sdd-card__img{ transform: scale(1.04); }


.sdd-card__placeholder{ display:block; width:100%; height:100%; background:#eef3f7; }


/* Cuerpo */
.sdd-card__body{ display:flex; flex-direction:column; padding:14px 16px 16px; height:100%; }

.sdd-card__title{
  font-size: clamp(1rem, .7vw + .9rem, 1.1rem);
  line-height: 1.25;
  margin: 0 0 .35rem;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
  min-height: 2.7em;
}

.sdd-card__title a{ color:inherit; text-decoration:none; }

.sdd-card__title a:hover{ text-decoration:underline; }

.sdd-card__date{ margin-top:auto; font-size:.88rem; color:#6c757d; }


/* Paginación */
.sdd-pagination{ display:flex; justify-content:center; gap:.5rem; margin-top:1.5rem; }

.sdd-pagination .sdd-page a,
.sdd-pagination .sdd-page span{
  display:inline-block; padding:.4rem .7rem; border-radius:8px; border:1px solid #dfe5eb;
  font-size:.95rem; color:#1f3a64; text-decoration:none; background:#fff;
}

.sdd-pagination .sdd-page .current{ background:#1f3a64; color:#fff; border-color:#1f3a64; }


/* Responsivo */



/* ===== SDD Right Rail =====
   Diseño: columna derecha que ocupa espacio real y hace scroll con la página.
   El JS crea un wrapper .sdd-rail-wrapper para maquetar en dos columnas.
*/
:root{
  --sdd-rail-col: 320px;   /* ancho del rail */
  --sdd-rail-gap: 24px;    /* separación entre contenido y rail */
  --sdd-rail-top: 120px;   /* lo calcula el JS para quedar bajo el header */
}


/* Contenedor que el JS genera alrededor del main y del rail */
.sdd-rail-wrapper{
  display: grid;
  grid-template-columns: minmax(0,1fr) var(--sdd-rail-col);
  gap: var(--sdd-rail-gap);
  align-items: start;
}


/* El main necesita poder encogerse */
.sdd-rail-main{
  min-width: 0;
}


/* El rail es sticky (no fixed), por eso se mueve con el scroll de la página */
#sdd-right-rail{
  position: sticky;
  top: var(--sdd-rail-top);
  align-self: start;
}


#sdd-right-rail .sdd-rail-block{
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 30px rgba(0,0,0,.08);
  padding: 16px;
  margin-bottom: 18px;
}


/* Títulos con subrayado bicolor */
.sdd-rail-head{ margin: 0 0 10px; }

.sdd-rail-title{ margin:0; font-size: 1.45rem; font-weight: 800; }

.sdd-rail-underline{
  display:block; height:4px; width:72px; margin-top:6px;
  background: linear-gradient(90deg,#0a2a66 40%, #e21c2a 40%);
  border-radius:999px;
}


/* === Cards tipo Home (overlay) === */
.sdd-rail-card{ margin-bottom:12px; }

.sdd-rail-card:last-child{ margin-bottom:0; }


.sdd-rail-figure{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}


.sdd-rail-figure img{
  display:block;
  width:100%;
  height: 140px;             /* compáctalo; ajusta si quieres */
  object-fit: cover;
  transform: scale(1);
  transition: transform .25s ease;
}


.sdd-rail-card-link:hover .sdd-rail-figure img{
  transform: scale(1.03);
}


.sdd-rail-caption{
  position: absolute;
  inset: auto 0 0 0;
  padding: 12px 12px 12px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.75) 100%);
  color:#fff;
}


.sdd-rail-caption-title{
  display:block;
  font-weight: 800;
  font-size: .98rem;
  line-height: 1.25;
}


/* QRS */
.sdd-rail-qrs-link{
  display:block; text-decoration:none;
}

.sdd-rail-qrs-link img{
  width:100%; height:auto; display:block; border-radius:12px;
}

.sdd-rail-qrs-cta{
  display:inline-block; margin-top:10px; font-weight:700;
  background:#0a2a66; color:#fff; padding:10px 14px; border-radius:10px;
}


/* === Ajuste: limitar líneas del título en overlay y anclar abajo === */
.sdd-rail-caption{
  position: absolute;
  left: 0; right: 0; bottom: 0;       /* pegado abajo */
  top: auto;
  padding: 10px 12px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.8) 100%);
}


.sdd-rail-caption-title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   /* <-- CAMBIA a 3 si quieres tres líneas */
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: calc(1.25em * 2 + 2px); /* coherente con 2 líneas y line-height 1.25 */
  line-height: 1.25;
  font-size: .98rem;
  font-weight: 800;
}



/* -----------------------
   Estilos para single.php
   Sidebar: sdd-single-post
   -----------------------*/

/* Contenedor general (ajusta si usas otro .container) */
.sdd-single-post article {
  /* forzar que el artículo ocupe el flujo normal de la página */
  display: block;
}


/* 1) Imagen: centrada con espacio lateral 12.5% (=> imagen 75% ancho) */
.single .entry-featured,
.sdd-single-post .entry-featured {
  padding-left: 12.5%;
  padding-right: 12.5%;
  margin: 0 0 1.25rem 0; /* espacio abajo entre imagen y título */
  box-sizing: border-box;
}


/* Imagen responsiva que ocupa 100% del contenedor definido (75% viewport) */
.sdd-single-post .entry-featured-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 4px;
  /* limitar altura para que se vea "menos larga" (unos 20% menos) */
  max-height: 60vh; /* valor cómodo: cambiar si quieres otro recorte */
}


/* Si quieres que la imagen se recorte suavemente en la parte inferior,
   mantén object-fit:cover y el max-height. */

/* 2) Header / título (debajo de la imagen) */
.sdd-single-post .entry-header {
  padding-left: 12.5%;
  padding-right: 12.5%;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
  box-sizing: border-box;
}


/* Título: negrita y ~100% más grande (usa clamp para escalable) */
.sdd-single-post .entry-title {
  font-weight: 500;
  /* 100% más grande que base: usar clamp para responsividad */
  font-size: clamp(1.6rem, 1.2vw, 2.2rem); /* ajustable */
  line-height: 1.15;
  margin: 0 0 0.35rem 0;
  color: #0b2a4a; /* opcional, puedes quitar o cambiar */
}


/* Meta (fecha) */
.sdd-single-post .entry-meta {
  font-size: 0.9rem;
  color: #6b7280;
  margin-bottom: 0.5rem;
}


/* 3) Contenido / descripción: mismo ancho que la imagen */
.sdd-single-post .entry-content {
  padding-left: 12.5%;
  padding-right: 12.5%;
  margin-bottom: 2rem;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.6;
  color: #222;
}


/* Si usas imágenes dentro del contenido, que sean fluidas */
.sdd-single-post .entry-content img {
  max-width: 100%;
  height: auto;
}


/* Mobile tweaks: reducir padding lateral en pantallas estrechas */




/* Contenido/descripcion: que coincida con el ancho y tamaño moderado */
body.single .sdd-single-post .entry-content,
body.single .sdd-single-post .entry-content p,
body.single .sdd-single-post .entry-content li {
  max-width: 100%;         /* dentro del bloque centrado (75% del contenedor) */
  font-size: 18px;         /* <-- tamaño del cuerpo (ajustable) */
  line-height: 1.75;
  color: #222;
  margin-bottom: 1rem;
}


/* Asegurar que los bloques de WP también respeten el ancho */
body.single .sdd-single-post .entry-content .wp-block {
  font-size: 18px;
  line-height: 1.7;
}
@media screen and (max-width:428px){
.topbar-right .menu{display:none}
.topbar-right .lang-select:before{left:5px}
}
@media screen and (max-width:1024px){
.main-menu-cont .menu-item{font-size:13px;font-weight:600;letter-spacing:.5px}
}
@media screen and (max-width:767px){
.main-menu{height:65px;z-index:97}
.main-menu .menu-toggle{border:1px solid #003670;border-radius:6px;color:#003670;display:block;font-size:23px;padding:5px 6px 2px}
.main-menu .menu{display:none}
.main-menu .menu .tab-menu{display:flex;justify-content:center;padding:10px 0}
.main-menu .menu .tab-menu>a{padding:10px 8px!important}
.main-menu .menu .tab-menu>a.current{background-color:#003670;border-radius:6px;color:#fff}
.main-menu .menu.visible{background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);display:grid;gap:7px;left:0;padding:10px 20px;position:absolute;top:65px;width:100%}
.main-menu .menu.visible a{padding:10px 0}
}
@media screen and (max-width:1024px){
.search-bar-toggle{align-items:center;display:flex;justify-content:center}
.search-bar input{bottom:0;opacity:0;padding:11px 23px!important;pointer-events:none;position:absolute;right:0;transition:.3s;width:205px!important}
.search-bar input.visible{bottom:-48px;opacity:1;pointer-events:all}
.search-bar button{display:none}
}
@media screen and (max-width:428px){
.search-bar{flex-grow:1;max-width:300px}
.search-bar button,.search-bar input{display:block;opacity:1;pointer-events:all;position:static}
.search-bar input{width:100%!important}
.search-bar-toggle{display:none}
}
@media screen and (max-width:1024px){
.main-hero .hero-text .hero-title{font-size:48px;line-height:50px;margin-bottom:25px}
}
@media screen and (max-width:768px){
.main-hero{height:auto;margin-bottom:80px;padding:40px 0}
.main-hero .hero-cont{flex-direction:column}
.main-hero .hero-text{text-align:left}
.main-hero .hero-text .hero-title{font-size:35px;line-height:40px;margin-bottom:25px}
.main-hero .hero-text .hero-subtitle{font-size:16px;line-height:28px}
.main-hero .hero-img{filter:drop-shadow(2px 4px 50px #0014291a);margin-bottom:-204px}
.main-hero .hero-img img{height:360px}
}
@media screen and (max-width:1024px){
.section-values .values-slider .slider{flex-direction:column;gap:15px}
.section-values .values-slider .slide{margin:0!important;min-height:auto;padding:30px 20px!important;text-align:center!important;width:100%!important}
}
@media screen and (max-width:768px){
.section-values .values-title{font-size:30px;line-height:38px}
.section-values .values-subtitle{font-size:14px;line-height:22px;margin-bottom:30px;max-width:350px}
.section-values .values-slider .slide-icon,.section-values .values-slider .slide-text,.section-values .values-slider .slide-title{font-size:16px}
}
@media screen and (max-width:768px){
.action-tabs{padding-bottom:80px}
.action-tabs-title{font-size:38px;line-height:40px}
.action-tabs-subtitle{font-size:16px;line-height:24px;margin-bottom:30px}
.action-tabs-cont .tab-control span{font-size:16px;padding:24px 32px}
.action-tabs-cont .action-buttons a{padding:26px 16px}
}
@media screen and (max-width:428px){
.action-tabs-cont .tab-control span{font-size:14px;padding:22px 20px}
.action-tabs-cont .action-buttons .col-md-4{margin-bottom:15px}
.action-tabs-cont .action-buttons a i{font-size:40px}
}
@media screen and (max-width:768px){
.section-components{margin-bottom:110px}
.section-components .components-title{font-size:35px;line-height:40px}
.section-components .image{display:none}
.section-components .row{flex-direction:column-reverse}
}
@media screen and (max-width:768px){
.footer-dark .footer-top .row>div{margin-top:30px}
.footer-dark .footer-bottom-cont{align-items:center;flex-direction:column;gap:15px;text-align:center}
}
@media screen and (max-width:1200px){
.footer-dark .footer-top .logo-cont img{max-width:180px}
.footer-dark .footer-top .logo-cont:after{right:0!important}
}
@media screen and (max-width:428px){
.list-submenu{padding:24px 0 0}
.list-submenu .search-bar{display:none}
.list-submenu ul li a{font-size:12px}
.list-submenu .search-category-cont{display:block}
}
@media screen and (max-width:769px){
.list-submenu .group-submenu ul li a{font-size:12px!important}
}
@media screen and (max-width:428px){
.list-submenu .group-submenu{display:none}
}
@media screen and (max-width:428px){
.entry-content{padding:42px 0}
}
@media screen and (max-width:428px){
.category-cards .item{margin-bottom:16px}
}
@media screen and (max-width:428px){
.resources-results{grid-template-columns:auto auto auto!important}
.resources-results--big{grid-template-columns:auto auto!important}
}
@media (min-width:576px){
.container{max-width:540px}
}
@media (min-width:768px){
.container{max-width:720px}
}
@media (min-width:992px){
.container{max-width:960px}
}
@media (min-width:1200px){
.container{max-width:1330px}
}
@media (min-width:576px){
.col-sm{flex-basis:0;flex-grow:1;max-width:100%}
.col-sm-auto{flex:0 0 auto;max-width:100%;width:auto}
.col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}
.col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}
.col-sm-3{flex:0 0 25%;max-width:25%}
.col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}
.col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}
.col-sm-6{flex:0 0 50%;max-width:50%}
.col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}
.col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}
.col-sm-9{flex:0 0 75%;max-width:75%}
.col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}
.col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}
.col-sm-12{flex:0 0 100%;max-width:100%}
.order-sm-first{order:-1}
.order-sm-last{order:13}
.order-sm-0{order:0}
.order-sm-1{order:1}
.order-sm-2{order:2}
.order-sm-3{order:3}
.order-sm-4{order:4}
.order-sm-5{order:5}
.order-sm-6{order:6}
.order-sm-7{order:7}
.order-sm-8{order:8}
.order-sm-9{order:9}
.order-sm-10{order:10}
.order-sm-11{order:11}
.order-sm-12{order:12}
.offset-sm-0{margin-left:0}
.offset-sm-1{margin-left:8.3333333333%}
.offset-sm-2{margin-left:16.6666666667%}
.offset-sm-3{margin-left:25%}
.offset-sm-4{margin-left:33.3333333333%}
.offset-sm-5{margin-left:41.6666666667%}
.offset-sm-6{margin-left:50%}
.offset-sm-7{margin-left:58.3333333333%}
.offset-sm-8{margin-left:66.6666666667%}
.offset-sm-9{margin-left:75%}
.offset-sm-10{margin-left:83.3333333333%}
.offset-sm-11{margin-left:91.6666666667%}
}
@media (min-width:768px){
.col-md{flex-basis:0;flex-grow:1;max-width:100%}
.col-md-auto{flex:0 0 auto;max-width:100%;width:auto}
.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}
.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}
.col-md-3{flex:0 0 25%;max-width:25%}
.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}
.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}
.col-md-6{flex:0 0 50%;max-width:50%}
.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}
.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}
.col-md-9{flex:0 0 75%;max-width:75%}
.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}
.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}
.col-md-12{flex:0 0 100%;max-width:100%}
.order-md-first{order:-1}
.order-md-last{order:13}
.order-md-0{order:0}
.order-md-1{order:1}
.order-md-2{order:2}
.order-md-3{order:3}
.order-md-4{order:4}
.order-md-5{order:5}
.order-md-6{order:6}
.order-md-7{order:7}
.order-md-8{order:8}
.order-md-9{order:9}
.order-md-10{order:10}
.order-md-11{order:11}
.order-md-12{order:12}
.offset-md-0{margin-left:0}
.offset-md-1{margin-left:8.3333333333%}
.offset-md-2{margin-left:16.6666666667%}
.offset-md-3{margin-left:25%}
.offset-md-4{margin-left:33.3333333333%}
.offset-md-5{margin-left:41.6666666667%}
.offset-md-6{margin-left:50%}
.offset-md-7{margin-left:58.3333333333%}
.offset-md-8{margin-left:66.6666666667%}
.offset-md-9{margin-left:75%}
.offset-md-10{margin-left:83.3333333333%}
.offset-md-11{margin-left:91.6666666667%}
}
@media (min-width:992px){
.col-lg{flex-basis:0;flex-grow:1;max-width:100%}
.col-lg-auto{flex:0 0 auto;max-width:100%;width:auto}
.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}
.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}
.col-lg-3{flex:0 0 25%;max-width:25%}
.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}
.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}
.col-lg-6{flex:0 0 50%;max-width:50%}
.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}
.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}
.col-lg-9{flex:0 0 75%;max-width:75%}
.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}
.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}
.col-lg-12{flex:0 0 100%;max-width:100%}
.order-lg-first{order:-1}
.order-lg-last{order:13}
.order-lg-0{order:0}
.order-lg-1{order:1}
.order-lg-2{order:2}
.order-lg-3{order:3}
.order-lg-4{order:4}
.order-lg-5{order:5}
.order-lg-6{order:6}
.order-lg-7{order:7}
.order-lg-8{order:8}
.order-lg-9{order:9}
.order-lg-10{order:10}
.order-lg-11{order:11}
.order-lg-12{order:12}
.offset-lg-0{margin-left:0}
.offset-lg-1{margin-left:8.3333333333%}
.offset-lg-2{margin-left:16.6666666667%}
.offset-lg-3{margin-left:25%}
.offset-lg-4{margin-left:33.3333333333%}
.offset-lg-5{margin-left:41.6666666667%}
.offset-lg-6{margin-left:50%}
.offset-lg-7{margin-left:58.3333333333%}
.offset-lg-8{margin-left:66.6666666667%}
.offset-lg-9{margin-left:75%}
.offset-lg-10{margin-left:83.3333333333%}
.offset-lg-11{margin-left:91.6666666667%}
}
@media (min-width:1200px){
.col-xl{flex-basis:0;flex-grow:1;max-width:100%}
.col-xl-auto{flex:0 0 auto;max-width:100%;width:auto}
.col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}
.col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}
.col-xl-3{flex:0 0 25%;max-width:25%}
.col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}
.col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}
.col-xl-6{flex:0 0 50%;max-width:50%}
.col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}
.col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}
.col-xl-9{flex:0 0 75%;max-width:75%}
.col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}
.col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}
.col-xl-12{flex:0 0 100%;max-width:100%}
.order-xl-first{order:-1}
.order-xl-last{order:13}
.order-xl-0{order:0}
.order-xl-1{order:1}
.order-xl-2{order:2}
.order-xl-3{order:3}
.order-xl-4{order:4}
.order-xl-5{order:5}
.order-xl-6{order:6}
.order-xl-7{order:7}
.order-xl-8{order:8}
.order-xl-9{order:9}
.order-xl-10{order:10}
.order-xl-11{order:11}
.order-xl-12{order:12}
.offset-xl-0{margin-left:0}
.offset-xl-1{margin-left:8.3333333333%}
.offset-xl-2{margin-left:16.6666666667%}
.offset-xl-3{margin-left:25%}
.offset-xl-4{margin-left:33.3333333333%}
.offset-xl-5{margin-left:41.6666666667%}
.offset-xl-6{margin-left:50%}
.offset-xl-7{margin-left:58.3333333333%}
.offset-xl-8{margin-left:66.6666666667%}
.offset-xl-9{margin-left:75%}
.offset-xl-10{margin-left:83.3333333333%}
.offset-xl-11{margin-left:91.6666666667%}
}
@media (min-width:576px){
.d-sm-none{display:none!important}
.d-sm-inline{display:inline!important}
.d-sm-inline-block{display:inline-block!important}
.d-sm-block{display:block!important}
.d-sm-table{display:table!important}
.d-sm-table-row{display:table-row!important}
.d-sm-table-cell{display:table-cell!important}
.d-sm-flex{display:flex!important}
.d-sm-inline-flex{display:inline-flex!important}
}
@media (min-width:768px){
.d-md-none{display:none!important}
.d-md-inline{display:inline!important}
.d-md-inline-block{display:inline-block!important}
.d-md-block{display:block!important}
.d-md-table{display:table!important}
.d-md-table-row{display:table-row!important}
.d-md-table-cell{display:table-cell!important}
.d-md-flex{display:flex!important}
.d-md-inline-flex{display:inline-flex!important}
}
@media (min-width:992px){
.d-lg-none{display:none!important}
.d-lg-inline{display:inline!important}
.d-lg-inline-block{display:inline-block!important}
.d-lg-block{display:block!important}
.d-lg-table{display:table!important}
.d-lg-table-row{display:table-row!important}
.d-lg-table-cell{display:table-cell!important}
.d-lg-flex{display:flex!important}
.d-lg-inline-flex{display:inline-flex!important}
}
@media (min-width:1200px){
.d-xl-none{display:none!important}
.d-xl-inline{display:inline!important}
.d-xl-inline-block{display:inline-block!important}
.d-xl-block{display:block!important}
.d-xl-table{display:table!important}
.d-xl-table-row{display:table-row!important}
.d-xl-table-cell{display:table-cell!important}
.d-xl-flex{display:flex!important}
.d-xl-inline-flex{display:inline-flex!important}
}
@media print{
.d-print-none{display:none!important}
.d-print-inline{display:inline!important}
.d-print-inline-block{display:inline-block!important}
.d-print-block{display:block!important}
.d-print-table{display:table!important}
.d-print-table-row{display:table-row!important}
.d-print-table-cell{display:table-cell!important}
.d-print-flex{display:flex!important}
.d-print-inline-flex{display:inline-flex!important}
}
@media (min-width:576px){
.flex-sm-row{flex-direction:row!important}
.flex-sm-column{flex-direction:column!important}
.flex-sm-row-reverse{flex-direction:row-reverse!important}
.flex-sm-column-reverse{flex-direction:column-reverse!important}
.flex-sm-wrap{flex-wrap:wrap!important}
.flex-sm-nowrap{flex-wrap:nowrap!important}
.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}
.flex-sm-fill{flex:1 1 auto!important}
.flex-sm-grow-0{flex-grow:0!important}
.flex-sm-grow-1{flex-grow:1!important}
.flex-sm-shrink-0{flex-shrink:0!important}
.flex-sm-shrink-1{flex-shrink:1!important}
.justify-content-sm-start{justify-content:flex-start!important}
.justify-content-sm-end{justify-content:flex-end!important}
.justify-content-sm-center{justify-content:center!important}
.justify-content-sm-between{justify-content:space-between!important}
.justify-content-sm-around{justify-content:space-around!important}
.align-items-sm-start{align-items:flex-start!important}
.align-items-sm-end{align-items:flex-end!important}
.align-items-sm-center{align-items:center!important}
.align-items-sm-baseline{align-items:baseline!important}
.align-items-sm-stretch{align-items:stretch!important}
.align-content-sm-start{align-content:flex-start!important}
.align-content-sm-end{align-content:flex-end!important}
.align-content-sm-center{align-content:center!important}
.align-content-sm-between{align-content:space-between!important}
.align-content-sm-around{align-content:space-around!important}
.align-content-sm-stretch{align-content:stretch!important}
.align-self-sm-auto{align-self:auto!important}
.align-self-sm-start{align-self:flex-start!important}
.align-self-sm-end{align-self:flex-end!important}
.align-self-sm-center{align-self:center!important}
.align-self-sm-baseline{align-self:baseline!important}
.align-self-sm-stretch{align-self:stretch!important}
}
@media (min-width:768px){
.flex-md-row{flex-direction:row!important}
.flex-md-column{flex-direction:column!important}
.flex-md-row-reverse{flex-direction:row-reverse!important}
.flex-md-column-reverse{flex-direction:column-reverse!important}
.flex-md-wrap{flex-wrap:wrap!important}
.flex-md-nowrap{flex-wrap:nowrap!important}
.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}
.flex-md-fill{flex:1 1 auto!important}
.flex-md-grow-0{flex-grow:0!important}
.flex-md-grow-1{flex-grow:1!important}
.flex-md-shrink-0{flex-shrink:0!important}
.flex-md-shrink-1{flex-shrink:1!important}
.justify-content-md-start{justify-content:flex-start!important}
.justify-content-md-end{justify-content:flex-end!important}
.justify-content-md-center{justify-content:center!important}
.justify-content-md-between{justify-content:space-between!important}
.justify-content-md-around{justify-content:space-around!important}
.align-items-md-start{align-items:flex-start!important}
.align-items-md-end{align-items:flex-end!important}
.align-items-md-center{align-items:center!important}
.align-items-md-baseline{align-items:baseline!important}
.align-items-md-stretch{align-items:stretch!important}
.align-content-md-start{align-content:flex-start!important}
.align-content-md-end{align-content:flex-end!important}
.align-content-md-center{align-content:center!important}
.align-content-md-between{align-content:space-between!important}
.align-content-md-around{align-content:space-around!important}
.align-content-md-stretch{align-content:stretch!important}
.align-self-md-auto{align-self:auto!important}
.align-self-md-start{align-self:flex-start!important}
.align-self-md-end{align-self:flex-end!important}
.align-self-md-center{align-self:center!important}
.align-self-md-baseline{align-self:baseline!important}
.align-self-md-stretch{align-self:stretch!important}
}
@media (min-width:992px){
.flex-lg-row{flex-direction:row!important}
.flex-lg-column{flex-direction:column!important}
.flex-lg-row-reverse{flex-direction:row-reverse!important}
.flex-lg-column-reverse{flex-direction:column-reverse!important}
.flex-lg-wrap{flex-wrap:wrap!important}
.flex-lg-nowrap{flex-wrap:nowrap!important}
.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}
.flex-lg-fill{flex:1 1 auto!important}
.flex-lg-grow-0{flex-grow:0!important}
.flex-lg-grow-1{flex-grow:1!important}
.flex-lg-shrink-0{flex-shrink:0!important}
.flex-lg-shrink-1{flex-shrink:1!important}
.justify-content-lg-start{justify-content:flex-start!important}
.justify-content-lg-end{justify-content:flex-end!important}
.justify-content-lg-center{justify-content:center!important}
.justify-content-lg-between{justify-content:space-between!important}
.justify-content-lg-around{justify-content:space-around!important}
.align-items-lg-start{align-items:flex-start!important}
.align-items-lg-end{align-items:flex-end!important}
.align-items-lg-center{align-items:center!important}
.align-items-lg-baseline{align-items:baseline!important}
.align-items-lg-stretch{align-items:stretch!important}
.align-content-lg-start{align-content:flex-start!important}
.align-content-lg-end{align-content:flex-end!important}
.align-content-lg-center{align-content:center!important}
.align-content-lg-between{align-content:space-between!important}
.align-content-lg-around{align-content:space-around!important}
.align-content-lg-stretch{align-content:stretch!important}
.align-self-lg-auto{align-self:auto!important}
.align-self-lg-start{align-self:flex-start!important}
.align-self-lg-end{align-self:flex-end!important}
.align-self-lg-center{align-self:center!important}
.align-self-lg-baseline{align-self:baseline!important}
.align-self-lg-stretch{align-self:stretch!important}
}
@media (min-width:1200px){
.flex-xl-row{flex-direction:row!important}
.flex-xl-column{flex-direction:column!important}
.flex-xl-row-reverse{flex-direction:row-reverse!important}
.flex-xl-column-reverse{flex-direction:column-reverse!important}
.flex-xl-wrap{flex-wrap:wrap!important}
.flex-xl-nowrap{flex-wrap:nowrap!important}
.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}
.flex-xl-fill{flex:1 1 auto!important}
.flex-xl-grow-0{flex-grow:0!important}
.flex-xl-grow-1{flex-grow:1!important}
.flex-xl-shrink-0{flex-shrink:0!important}
.flex-xl-shrink-1{flex-shrink:1!important}
.justify-content-xl-start{justify-content:flex-start!important}
.justify-content-xl-end{justify-content:flex-end!important}
.justify-content-xl-center{justify-content:center!important}
.justify-content-xl-between{justify-content:space-between!important}
.justify-content-xl-around{justify-content:space-around!important}
.align-items-xl-start{align-items:flex-start!important}
.align-items-xl-end{align-items:flex-end!important}
.align-items-xl-center{align-items:center!important}
.align-items-xl-baseline{align-items:baseline!important}
.align-items-xl-stretch{align-items:stretch!important}
.align-content-xl-start{align-content:flex-start!important}
.align-content-xl-end{align-content:flex-end!important}
.align-content-xl-center{align-content:center!important}
.align-content-xl-between{align-content:space-between!important}
.align-content-xl-around{align-content:space-around!important}
.align-content-xl-stretch{align-content:stretch!important}
.align-self-xl-auto{align-self:auto!important}
.align-self-xl-start{align-self:flex-start!important}
.align-self-xl-end{align-self:flex-end!important}
.align-self-xl-center{align-self:center!important}
.align-self-xl-baseline{align-self:baseline!important}
.align-self-xl-stretch{align-self:stretch!important}
}
@media (min-width:576px){
.m-sm-0{margin:0!important}
.mt-sm-0,.my-sm-0{margin-top:0!important}
.mr-sm-0,.mx-sm-0{margin-right:0!important}
.mb-sm-0,.my-sm-0{margin-bottom:0!important}
.ml-sm-0,.mx-sm-0{margin-left:0!important}
.m-sm-1{margin:.25rem!important}
.mt-sm-1,.my-sm-1{margin-top:.25rem!important}
.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}
.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}
.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}
.m-sm-2{margin:.5rem!important}
.mt-sm-2,.my-sm-2{margin-top:.5rem!important}
.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}
.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}
.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}
.m-sm-3{margin:1rem!important}
.mt-sm-3,.my-sm-3{margin-top:1rem!important}
.mr-sm-3,.mx-sm-3{margin-right:1rem!important}
.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}
.ml-sm-3,.mx-sm-3{margin-left:1rem!important}
.m-sm-4{margin:1.5rem!important}
.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}
.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}
.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}
.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}
.m-sm-5{margin:3rem!important}
.mt-sm-5,.my-sm-5{margin-top:3rem!important}
.mr-sm-5,.mx-sm-5{margin-right:3rem!important}
.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}
.ml-sm-5,.mx-sm-5{margin-left:3rem!important}
.p-sm-0{padding:0!important}
.pt-sm-0,.py-sm-0{padding-top:0!important}
.pr-sm-0,.px-sm-0{padding-right:0!important}
.pb-sm-0,.py-sm-0{padding-bottom:0!important}
.pl-sm-0,.px-sm-0{padding-left:0!important}
.p-sm-1{padding:.25rem!important}
.pt-sm-1,.py-sm-1{padding-top:.25rem!important}
.pr-sm-1,.px-sm-1{padding-right:.25rem!important}
.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}
.pl-sm-1,.px-sm-1{padding-left:.25rem!important}
.p-sm-2{padding:.5rem!important}
.pt-sm-2,.py-sm-2{padding-top:.5rem!important}
.pr-sm-2,.px-sm-2{padding-right:.5rem!important}
.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}
.pl-sm-2,.px-sm-2{padding-left:.5rem!important}
.p-sm-3{padding:1rem!important}
.pt-sm-3,.py-sm-3{padding-top:1rem!important}
.pr-sm-3,.px-sm-3{padding-right:1rem!important}
.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}
.pl-sm-3,.px-sm-3{padding-left:1rem!important}
.p-sm-4{padding:1.5rem!important}
.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}
.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}
.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}
.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}
.p-sm-5{padding:3rem!important}
.pt-sm-5,.py-sm-5{padding-top:3rem!important}
.pr-sm-5,.px-sm-5{padding-right:3rem!important}
.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}
.pl-sm-5,.px-sm-5{padding-left:3rem!important}
.m-sm-n1{margin:-.25rem!important}
.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}
.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}
.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}
.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}
.m-sm-n2{margin:-.5rem!important}
.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}
.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}
.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}
.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}
.m-sm-n3{margin:-1rem!important}
.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}
.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}
.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}
.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}
.m-sm-n4{margin:-1.5rem!important}
.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}
.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}
.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}
.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}
.m-sm-n5{margin:-3rem!important}
.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}
.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}
.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}
.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}
.m-sm-auto{margin:auto!important}
.mt-sm-auto,.my-sm-auto{margin-top:auto!important}
.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}
.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}
.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}
}
@media (min-width:768px){
.m-md-0{margin:0!important}
.mt-md-0,.my-md-0{margin-top:0!important}
.mr-md-0,.mx-md-0{margin-right:0!important}
.mb-md-0,.my-md-0{margin-bottom:0!important}
.ml-md-0,.mx-md-0{margin-left:0!important}
.m-md-1{margin:.25rem!important}
.mt-md-1,.my-md-1{margin-top:.25rem!important}
.mr-md-1,.mx-md-1{margin-right:.25rem!important}
.mb-md-1,.my-md-1{margin-bottom:.25rem!important}
.ml-md-1,.mx-md-1{margin-left:.25rem!important}
.m-md-2{margin:.5rem!important}
.mt-md-2,.my-md-2{margin-top:.5rem!important}
.mr-md-2,.mx-md-2{margin-right:.5rem!important}
.mb-md-2,.my-md-2{margin-bottom:.5rem!important}
.ml-md-2,.mx-md-2{margin-left:.5rem!important}
.m-md-3{margin:1rem!important}
.mt-md-3,.my-md-3{margin-top:1rem!important}
.mr-md-3,.mx-md-3{margin-right:1rem!important}
.mb-md-3,.my-md-3{margin-bottom:1rem!important}
.ml-md-3,.mx-md-3{margin-left:1rem!important}
.m-md-4{margin:1.5rem!important}
.mt-md-4,.my-md-4{margin-top:1.5rem!important}
.mr-md-4,.mx-md-4{margin-right:1.5rem!important}
.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}
.ml-md-4,.mx-md-4{margin-left:1.5rem!important}
.m-md-5{margin:3rem!important}
.mt-md-5,.my-md-5{margin-top:3rem!important}
.mr-md-5,.mx-md-5{margin-right:3rem!important}
.mb-md-5,.my-md-5{margin-bottom:3rem!important}
.ml-md-5,.mx-md-5{margin-left:3rem!important}
.p-md-0{padding:0!important}
.pt-md-0,.py-md-0{padding-top:0!important}
.pr-md-0,.px-md-0{padding-right:0!important}
.pb-md-0,.py-md-0{padding-bottom:0!important}
.pl-md-0,.px-md-0{padding-left:0!important}
.p-md-1{padding:.25rem!important}
.pt-md-1,.py-md-1{padding-top:.25rem!important}
.pr-md-1,.px-md-1{padding-right:.25rem!important}
.pb-md-1,.py-md-1{padding-bottom:.25rem!important}
.pl-md-1,.px-md-1{padding-left:.25rem!important}
.p-md-2{padding:.5rem!important}
.pt-md-2,.py-md-2{padding-top:.5rem!important}
.pr-md-2,.px-md-2{padding-right:.5rem!important}
.pb-md-2,.py-md-2{padding-bottom:.5rem!important}
.pl-md-2,.px-md-2{padding-left:.5rem!important}
.p-md-3{padding:1rem!important}
.pt-md-3,.py-md-3{padding-top:1rem!important}
.pr-md-3,.px-md-3{padding-right:1rem!important}
.pb-md-3,.py-md-3{padding-bottom:1rem!important}
.pl-md-3,.px-md-3{padding-left:1rem!important}
.p-md-4{padding:1.5rem!important}
.pt-md-4,.py-md-4{padding-top:1.5rem!important}
.pr-md-4,.px-md-4{padding-right:1.5rem!important}
.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}
.pl-md-4,.px-md-4{padding-left:1.5rem!important}
.p-md-5{padding:3rem!important}
.pt-md-5,.py-md-5{padding-top:3rem!important}
.pr-md-5,.px-md-5{padding-right:3rem!important}
.pb-md-5,.py-md-5{padding-bottom:3rem!important}
.pl-md-5,.px-md-5{padding-left:3rem!important}
.m-md-n1{margin:-.25rem!important}
.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}
.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}
.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}
.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}
.m-md-n2{margin:-.5rem!important}
.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}
.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}
.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}
.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}
.m-md-n3{margin:-1rem!important}
.mt-md-n3,.my-md-n3{margin-top:-1rem!important}
.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}
.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}
.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}
.m-md-n4{margin:-1.5rem!important}
.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}
.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}
.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}
.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}
.m-md-n5{margin:-3rem!important}
.mt-md-n5,.my-md-n5{margin-top:-3rem!important}
.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}
.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}
.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}
.m-md-auto{margin:auto!important}
.mt-md-auto,.my-md-auto{margin-top:auto!important}
.mr-md-auto,.mx-md-auto{margin-right:auto!important}
.mb-md-auto,.my-md-auto{margin-bottom:auto!important}
.ml-md-auto,.mx-md-auto{margin-left:auto!important}
}
@media (min-width:992px){
.m-lg-0{margin:0!important}
.mt-lg-0,.my-lg-0{margin-top:0!important}
.mr-lg-0,.mx-lg-0{margin-right:0!important}
.mb-lg-0,.my-lg-0{margin-bottom:0!important}
.ml-lg-0,.mx-lg-0{margin-left:0!important}
.m-lg-1{margin:.25rem!important}
.mt-lg-1,.my-lg-1{margin-top:.25rem!important}
.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}
.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}
.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}
.m-lg-2{margin:.5rem!important}
.mt-lg-2,.my-lg-2{margin-top:.5rem!important}
.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}
.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}
.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}
.m-lg-3{margin:1rem!important}
.mt-lg-3,.my-lg-3{margin-top:1rem!important}
.mr-lg-3,.mx-lg-3{margin-right:1rem!important}
.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}
.ml-lg-3,.mx-lg-3{margin-left:1rem!important}
.m-lg-4{margin:1.5rem!important}
.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}
.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}
.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}
.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}
.m-lg-5{margin:3rem!important}
.mt-lg-5,.my-lg-5{margin-top:3rem!important}
.mr-lg-5,.mx-lg-5{margin-right:3rem!important}
.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}
.ml-lg-5,.mx-lg-5{margin-left:3rem!important}
.p-lg-0{padding:0!important}
.pt-lg-0,.py-lg-0{padding-top:0!important}
.pr-lg-0,.px-lg-0{padding-right:0!important}
.pb-lg-0,.py-lg-0{padding-bottom:0!important}
.pl-lg-0,.px-lg-0{padding-left:0!important}
.p-lg-1{padding:.25rem!important}
.pt-lg-1,.py-lg-1{padding-top:.25rem!important}
.pr-lg-1,.px-lg-1{padding-right:.25rem!important}
.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}
.pl-lg-1,.px-lg-1{padding-left:.25rem!important}
.p-lg-2{padding:.5rem!important}
.pt-lg-2,.py-lg-2{padding-top:.5rem!important}
.pr-lg-2,.px-lg-2{padding-right:.5rem!important}
.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}
.pl-lg-2,.px-lg-2{padding-left:.5rem!important}
.p-lg-3{padding:1rem!important}
.pt-lg-3,.py-lg-3{padding-top:1rem!important}
.pr-lg-3,.px-lg-3{padding-right:1rem!important}
.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}
.pl-lg-3,.px-lg-3{padding-left:1rem!important}
.p-lg-4{padding:1.5rem!important}
.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}
.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}
.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}
.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}
.p-lg-5{padding:3rem!important}
.pt-lg-5,.py-lg-5{padding-top:3rem!important}
.pr-lg-5,.px-lg-5{padding-right:3rem!important}
.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}
.pl-lg-5,.px-lg-5{padding-left:3rem!important}
.m-lg-n1{margin:-.25rem!important}
.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}
.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}
.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}
.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}
.m-lg-n2{margin:-.5rem!important}
.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}
.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}
.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}
.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}
.m-lg-n3{margin:-1rem!important}
.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}
.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}
.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}
.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}
.m-lg-n4{margin:-1.5rem!important}
.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}
.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}
.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}
.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}
.m-lg-n5{margin:-3rem!important}
.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}
.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}
.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}
.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}
.m-lg-auto{margin:auto!important}
.mt-lg-auto,.my-lg-auto{margin-top:auto!important}
.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}
.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}
.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}
}
@media (min-width:1200px){
.m-xl-0{margin:0!important}
.mt-xl-0,.my-xl-0{margin-top:0!important}
.mr-xl-0,.mx-xl-0{margin-right:0!important}
.mb-xl-0,.my-xl-0{margin-bottom:0!important}
.ml-xl-0,.mx-xl-0{margin-left:0!important}
.m-xl-1{margin:.25rem!important}
.mt-xl-1,.my-xl-1{margin-top:.25rem!important}
.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}
.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}
.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}
.m-xl-2{margin:.5rem!important}
.mt-xl-2,.my-xl-2{margin-top:.5rem!important}
.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}
.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}
.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}
.m-xl-3{margin:1rem!important}
.mt-xl-3,.my-xl-3{margin-top:1rem!important}
.mr-xl-3,.mx-xl-3{margin-right:1rem!important}
.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}
.ml-xl-3,.mx-xl-3{margin-left:1rem!important}
.m-xl-4{margin:1.5rem!important}
.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}
.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}
.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}
.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}
.m-xl-5{margin:3rem!important}
.mt-xl-5,.my-xl-5{margin-top:3rem!important}
.mr-xl-5,.mx-xl-5{margin-right:3rem!important}
.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}
.ml-xl-5,.mx-xl-5{margin-left:3rem!important}
.p-xl-0{padding:0!important}
.pt-xl-0,.py-xl-0{padding-top:0!important}
.pr-xl-0,.px-xl-0{padding-right:0!important}
.pb-xl-0,.py-xl-0{padding-bottom:0!important}
.pl-xl-0,.px-xl-0{padding-left:0!important}
.p-xl-1{padding:.25rem!important}
.pt-xl-1,.py-xl-1{padding-top:.25rem!important}
.pr-xl-1,.px-xl-1{padding-right:.25rem!important}
.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}
.pl-xl-1,.px-xl-1{padding-left:.25rem!important}
.p-xl-2{padding:.5rem!important}
.pt-xl-2,.py-xl-2{padding-top:.5rem!important}
.pr-xl-2,.px-xl-2{padding-right:.5rem!important}
.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}
.pl-xl-2,.px-xl-2{padding-left:.5rem!important}
.p-xl-3{padding:1rem!important}
.pt-xl-3,.py-xl-3{padding-top:1rem!important}
.pr-xl-3,.px-xl-3{padding-right:1rem!important}
.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}
.pl-xl-3,.px-xl-3{padding-left:1rem!important}
.p-xl-4{padding:1.5rem!important}
.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}
.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}
.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}
.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}
.p-xl-5{padding:3rem!important}
.pt-xl-5,.py-xl-5{padding-top:3rem!important}
.pr-xl-5,.px-xl-5{padding-right:3rem!important}
.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}
.pl-xl-5,.px-xl-5{padding-left:3rem!important}
.m-xl-n1{margin:-.25rem!important}
.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}
.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}
.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}
.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}
.m-xl-n2{margin:-.5rem!important}
.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}
.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}
.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}
.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}
.m-xl-n3{margin:-1rem!important}
.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}
.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}
.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}
.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}
.m-xl-n4{margin:-1.5rem!important}
.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}
.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}
.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}
.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}
.m-xl-n5{margin:-3rem!important}
.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}
.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}
.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}
.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}
.m-xl-auto{margin:auto!important}
.mt-xl-auto,.my-xl-auto{margin-top:auto!important}
.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}
.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}
.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}
}
@media (max-width:992px){
 .sdd-news .news-side-thumb{ width:45%; }
}
@media (max-width:576px){
 .sdd-news .news-hero-title{ left:16px; right:16px; bottom:12px; }
}
@media (max-width: 1200px){

  .sdd-news{ --ns-thumb-w: 220px; --ns-thumb-h: 150px; }
}
@media (max-width: 992px){

  /* en tablets el thumb pasa a porcentaje manteniendo 4:3 */
  .sdd-news .news-side-thumb{ width:45%; height:auto; flex-basis:45%; aspect-ratio:4/3; }

  .sdd-news .news-side-body .h4{ font-size:1rem !important; }
}
@media (max-width: 576px){

  .sdd-news .news-side-thumb{ width:48%; }

  .sdd-news .news-excerpt{ -webkit-line-clamp:2; }
}
@media (min-width: 992px){

  /* La fila superior estira columnas */
  .sdd-news .news-top{ align-items: stretch; }


  /* Las columnas se comportan como contenedores flex para poder ocupar 100% de alto */
  .sdd-news .news-top > [class*="col-lg"]{ display:flex; }


  /* El article del hero crece a todo el alto de su columna */
  .sdd-news .news-hero{ flex:1; display:flex; }


  /* La imagen del hero llena el alto disponible (dejamos de usar el ratio aquí) */
  .sdd-news .news-hero-media{ height:100%; aspect-ratio:auto; }
}
@media (max-width: 768px){

  .servicio-acf__row{ grid-template-columns: 1fr; }

  .servicio-acf__dt{ margin-bottom:.25rem; }
}
@media (max-width:576px){

  .content-narrow .alignleft,
  .content-narrow .alignright{
    float:none; display:block; max-width:100%; margin:.5rem auto;
  }
}
@media (max-width: 992px){
 .sdd-news-list{ --cols:2; }
}
@media (max-width: 576px){
 .sdd-news-list{ --cols:1; }
}
@media (max-width: 767px){

  .sdd-single-post .entry-featured,
  .sdd-single-post .entry-header,
  .sdd-single-post .entry-content {
    padding-left: 6%;
    padding-right: 6%;
  }

  .sdd-single-post .entry-featured-img {
    max-height: 45vh;
  }

  .sdd-single-post .entry-title {
    font-size: clamp(1.4rem, 4.5vw, 1.8rem);
  }
}
@media (max-width: 767px){

  body.single .sdd-single-post .entry-featured,
  body.single .sdd-single-post .entry-content {
    max-width: 92%;
  }

  body.single .sdd-single-post .entry-title {
    font-size: 22px;
  }

  body.single .sdd-single-post .entry-content,
  body.single .sdd-single-post .entry-content p {
    font-size: 16px;
  }
}


/* Página de búsqueda */
.search-page .page-header { margin: 1.5rem 0 1rem }
.search-page .page-title { font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 700 }
.search-page .page-title .query { color: var(--brand, #003a8c) }

/* Listado tipo grid sencillo; ajusta a tu sistema si usas Bootstrap/Grid propio */
.search-results.grid-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

/* Tarjeta resultado */
.search-item.card-list {
  background: #fff;
  border-radius: 12px;
  padding: 1rem 1.25rem;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}

.search-item .entry-title { margin: 0 0 .25rem; line-height: 1.25 }
.search-item .entry-title a { text-decoration: none }
.search-item .entry-title a:hover { text-decoration: underline }

.search-item .entry-meta { font-size: .875rem; color: #666; margin-bottom: .5rem }
.search-item .entry-excerpt p { margin: 0 }
@media (min-width: 900px){
  .search-results.grid-list { grid-template-columns: 1fr 1fr }
}