/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.swiper{width:100%;height:fit-content;}.swiper-wrapper-gallery{& .swiper-main{& img{aspect-ratio:9 / 6;object-fit:cover;border-radius:1rem;}}& .swiper-thumbs{& img{border-radius:0.5rem;width:100%;height:100%;object-fit:cover;}& .swiper-slide{aspect-ratio:6 / 4;opacity:0.6;transition:opacity .4s ease;&.swiper-slide-thumb-active{opacity:1;}&:hover{opacity:0.75;cursor:pointer;}}}}
*{margin:0;padding:0;}:root{font-family:"Roboto",sans-serif;font-size:16px;--color-primary:#336DAD;--color-primary-33:#CCDAEA;--color-secondary:#E0E0E0;--color-secondary-light:#EDEDED;--color-secondary-dark:#D9D9D9;--color-accent:#1A73E8;--color-text:#000;--color-gray:#5A5A5A;--color-white-hover:#F3F3F3;}div{box-sizing:border-box;}h1{font-size:3rem;}h2{font-size:2rem;}h3{font-size:1.5rem;}h4{font-size:1.25rem;}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:0.5em;}a{text-decoration:none;color:inherit;}p a{color:var(--color-accent);&:hover{text-decoration:underline;}}.more-link a{padding:1rem 2rem;border-radius:1rem;font-size:1.1rem;font-weight:500;box-shadow:0 4px 4px rgba(0,0,0,0.05);color:#fff;background-color:var(--color-primary);display:flex;width:fit-content;margin:2rem auto 0;transition:background-color .3s ease;&:hover{background-color:var(--color-accent);}}.button{padding:1rem 2rem;border-radius:1rem;font-size:1.1rem;font-weight:500;box-shadow:0 4px 4px rgba(0,0,0,0.05);color:#fff;background-color:var(--color-primary);display:flex;width:fit-content;margin:0;align-items:center;gap:0.5rem;transition:background-color .3s ease;&:hover{background-color:var(--color-accent);}& .button__icon{font-size:1.5em;display:flex;}&:visited{color:#fff;}}.button--alternative{background-color:#fff;color:var(--color-text);background-image:url(/themes/custom/asocapitales_theme/logo-asocapitales.png);background-size:2rem;background-repeat:no-repeat;background-position:1rem center;padding-left    :4rem;&:hover{background-color:var(--color-white-hover);}&:visited{color:var(--color-text);}}button{border:none;background-color:transparent;font-size:1.5rem;padding:0.5rem;cursor:pointer;}.file{display:flex;background-image:none;padding:0;& a{padding:1rem 1.25rem 1rem 3rem;border-radius:1rem;font-size:1.1rem;font-weight:500;box-shadow:0 4px 4px rgba(0,0,0,0.05);color:var(--color-text);background-color:var(--color-white-hover);border:1px solid var(--color-secondary-dark);background-image:url(/themes/custom/asocapitales_theme/file-icons/file-doc.svg);background-position:0.75rem center;background-repeat:no-repeat;transition:background-color .3s ease;&:hover{background-color:var(--color-secondary);}}&.file--application-pdf{& a{background-image:url(/themes/custom/asocapitales_theme/file-icons/file-pdf.svg);}}&.file--x-office-spreadsheet{& a{background-image:url(/themes/custom/asocapitales_theme/file-icons/file-spreadsheet.svg);}}}table .file{& a{padding:0.25rem 0 0.25rem 2rem;border-radius:8px;font-size:1rem;font-weight:300;box-shadow:none;background-color:transparent;border:none;background-position:0.25rem center;background-size:1.5rem;}}.field--name-field-archivos-adjuntos{display:flex;flex-wrap:wrap;gap:1rem;}p,li,a{font-size:1.15rem;line-height:1.8rem;font-weight:300;}p{margin-bottom:1rem;}strong{font-weight:600;}ul,ol{margin-left:2rem;}li{margin-bottom:1rem;&::marker{font-weight:400;}}blockquote{font-style:italic;padding-left:1rem;padding-block:0.5rem;border-left:2px solid var(--color-primary);background-color:var(--color-white-hover);margin-bottom:1rem;& p{margin-bottom:0;}}button,input,optgroup,select,textarea{line-height:1.25;}img{max-width:100%;height:auto;}.bg-gray{background-color:var(--color-secondary);}header{background-color:var(--color-secondary);padding:1rem;top:0;z-index:10;width:100%;box-sizing:border-box;position:relative;& .container{max-width:1920px;}}.path-frontpage header{background-color:transparent;position:fixed;}.path-frontpage header:not(.scrolled) button.offcanvas-toggle{color:#fff;transition:color .15s ease,color .15s ease;}header.scrolled{& button.offcanvas-toggle{color:#000;}}.region.region-header{display:flex;justify-content:space-between;align-items:center;}main{background-image:url(/themes/custom/asocapitales_theme/bg-tile.png);background-size:auto;}.container{max-width:1200px;width:100%;margin-inline:auto;}.breadcrumb{padding:0.5em;border-bottom:1px solid var(--color-secondary);& li,& a{font-size:1rem;color:var(--color-text);}& a{font-weight:bold;&:hover{color:var(--color-accent);}}}.page__banner{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:530px;width:100%;box-sizing:border-box;background-size:cover;position:relative;overflow:hidden;color:#fff;opacity:0;& .breadcrumb{font-weight:300;border:none;color:inherit;width:100%;font-size:1rem;position:relative;z-index:2;& li,& a{color:inherit;font-size:1rem;}& a{font-weight:400;&:hover{text-decoration:underline;}}}&::before{content:"";position:absolute;background:linear-gradient(0,#000000e6 40%,transparent,#0000009c);opacity:0.8;top:0;left:0;width:100%;height:100%;z-index:1;}& .field--name-field-imagen{position:absolute;top:0;height:100%;width:100%;& img{height:inherit;width:inherit;object-fit:cover;}}& video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;z-index:0;}& .banner__content{position:relative;z-index:2;max-width:1200px;width:100%;text-align:justify;& h1{margin:0;margin-bottom:0.5rem;font-size:2.25rem;color:#fff;}& .banner__description{font-size:1rem;line-height:1.5em;font-weight:400;color:#eaeaea;& p{font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;}}}& .page__banner__eje{position:relative;z-index:2;margin-bottom:1rem;background-color:#0079ff91;color:#fff;padding:0.5rem 1rem;border-radius:8px;font-size:1rem;width:fit-content;& a{font-weight:600;font-size:inherit;&:hover{text-decoration:underline;}}}}.page__title{padding-inline:1rem;}article[data-history-node-id="145"]{max-width:100%;}.page__content{margin-inline:auto;padding:3rem 1rem 4rem;opacity:0;}.content__section{padding-block:2rem;&.content__section--first{padding-top:0;}&.content__section--last{padding-bottom:0;}& .content__section{padding-left:1rem;}& h3{color:var(--color-gray);font-weight:500;}&.content__section--flex{display:flex;justify-content:space-between;align-items:center;gap:2rem;}}iframe.media-oembed-content{width:100%;height:auto;aspect-ratio:16 / 9;}table{width:100%;border-radius:1rem;border-collapse:separate;border-spacing:0px;border:1px solid var(--color-secondary-dark);overflow:hidden;& thead{background-color:var(--color-primary);& th{color:#fff;font-weight:500;text-align:start;}}& tbody{& tr{background-color:#fff;transition:background-color .3s ease;&:nth-child(2n){background-color:var(--color-secondary);}&:hover{background-color:var(--color-white-hover);}}}& td,& th{font-size:1.15rem;font-weight:300;padding:1rem;}& a{color:var(--color-primary);&:hover{color:var(--color-accent);text-decoration:underline;}}}.aso-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--color-secondary);& .aso-tabs__tab{background-color:var(--color-white-hover);color:var(--color-text);padding:1rem;&.is-active{background-color:var(--color-accent);color:#fff;pointer-events:none;}&:hover{background-color:var(--color-secondary);}}}.aso-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;&.aso-grid--column-2{grid-template-columns:repeat(2,1fr);}}.aso-grid.quienes-somos{gap:2rem;}.aso-iframe{min-width:300px;width:100%;aspect-ratio:16/9;height:auto;}@media screen and (max-width:767px){h1{font-size:2rem;}.aso-grid{grid-template-columns:repeat(2,1fr);&.aso-grid--column-2{grid-template-columns:repeat(1,1fr);}}.aso-grid.quienes-somos{grid-template-columns:repeat(1,1fr);}.content__section{&.content__section--flex{flex-direction:column;align-items:flex-start;}}}.card-image-bg{background-image:url("/sites/default/files/default_images/asocapitales_page_default.jpg");background-size:cover;background-position:center;border-radius:1rem;color:#fff;position:relative;overflow:hidden;padding:1rem;&::before{content:"";position:absolute;background-color:#000;opacity:0.25;top:0;left:0;width:100%;height:100%;z-index:1;}& *{position:relative;z-index:2;}& .card-image-bg__content{padding:2rem;border-radius:0.5rem;background-color:transparent;color:inherit;transition:background-color .5s .1s ease;& .card-image-bg__title{opacity:1;color:inherit;}& *{opacity:0;transition:opacity .4s 0s ease;}}&:hover{& .card-image-bg__content{background-color:#000000ad;transition:background-color .6s 0s ease;}& *{opacity:1;transition:opacity .6s .1s ease;}}}.card-image-bg.mision{background-image:url("/sites/default/files/images/pages/cards/asocapitales-quienes-somos-mision.jpg");}.card-image-bg.vision{background-image:url("/sites/default/files/images/pages/cards/asocapitales-quienes-somos-vision.jpg");}.card-image-bg.principios{background-image:url("/sites/default/files/images/pages/cards/asocapitales-quienes-somos-principios.jpg");}.card-image-bg.valores{background-image:url("/sites/default/files/images/pages/cards/asocapitales-quienes-somos-valores.jpg");}.card-image-bg.incidencia{background-image:url("/sites/default/files/images/pages/cards/asocapitales-quienes-somos-incidencia-en-politica-publica.jpg");}.card-image-bg.asistencia{background-image:url("/sites/default/files/images/pages/cards/asocapitales-quienes-somos-asistencia-tecnica.jpg");}.card-image-bg.desarrollo{background-image:url("/sites/default/files/images/pages/cards/asocapitales-quienes-somos-desarrollo-de-capacidades-2.jpg");}.container.view-resultados-de-busqueda{padding-inline:1rem;max-width:800px;}.result{display:flex;gap:1rem;margin-bottom:2rem;& img{max-width:max-content;}& .result__url{font-size:14px;color:var(--color-gray);line-height:1.2em;font-weight:400;word-break:break-all;&:hover{color:var(--color-accent);text-decoration:underline;}}& .result__content{display:flex;flex-direction:column;gap:0.5rem;padding-top:0.5rem;.excerpt{font-size:1rem;font-weight:400;line-height:1.3em;color:#000000;& *:not(strong,b){font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;}}}& .field--name-title a{color:var(--color-accent);font-weight:600;font-size:1.4rem;&:hover{text-decoration:underline;}}}@media screen and (max-width:767px){.result{& img{max-width:90px;}& .field--name-title a{font-size:1rem;line-height:1em;}& .result__content{& .excerpt{font-size:0.9rem;}}}}footer{background-color:var(--color-secondary);padding:2rem 1rem;& .container{display:flex;gap:2rem;}& h3{font-size:1.15rem;}& a,& p{color:var(--color-text);}& #block-asocapitales-theme-footerlogo{& img{width:360px;}}& nav{& > .menu{margin:0;& .menu-item{padding-top:1rem;}}}.social-links{margin-bottom:2rem;}}.share-buttons{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}.social-links{display:flex;&.social-links--column{flex-direction:column;}& .social-links__link{padding:0.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--color-text);font-size:1.5rem;transition:transform .3s cubic-bezier(0.175,0.885,0.32,1.275);&:hover{transform:scale(1.1);color:var(--color-accent);}}}@media screen and (max-width:1199px){footer{& .container{display:flex;flex-wrap:wrap;}}}@media screen and (max-width:767px){.social-links{&.social-links--column{flex-direction:row;}}footer{& .container{display:flex;flex-direction:column;}}}.is-copied{position:relative;&::after{content:"✅ Enlace copiado";position:absolute;right:-0.5rem;transform:translate(100%,-50%);top:50%;background-color:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.05);border-radius:1rem;font-size:1rem;width:max-content;padding:0.5rem 0.75rem;border:1px solid var(--color-accent);}}.event-state{padding:0.25rem 0.75rem;background-color:var(--color-gray);width:fit-content;color:#fff;font-size:1.2rem;font-weight:500;border-radius:0.25rem;&.event-state--soon{background-color:var(--color-primary);}&.event-state--currently{background-color:#15c14d;}}.documents-with-image-wrapper{gap:2rem;}.document-with-image{padding:1rem;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,30%);border-radius:1rem;transition:box-shadow .4s ease;& .document__header{margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem;& .document__icon{font-size:1.8rem;}& .document__title{flex:1;font-weight:500;}}& a{text-transform:uppercase;font-weight:400;font-size:16px;color:var(--color-primary);margin-left:1rem;&:hover{color:var(--color-accent);text-decoration:underline;}}& .document__body{position:relative;overflow:hidden;display:flex;&::after{content:"";display:block;width:100%;height:100%;background-image:linear-gradient(45deg,#00000085,transparent);position:absolute;top:0;left:0;transition:transform .4s ease;}}&:hover{box-shadow:0 0 10px rgba(0,0,0,40%);& .document__body::after{transform:translate(0,100%);}}}
.menu--main{& > .menu{display:flex;margin:0;flex-wrap:wrap;& .menu-item{user-select:none;list-style-type:none;&.menu-item--active-trail{color:var(--color-accent);font-weight:bold;& > a{font-weight:inherit;color:inherit;&:hover{color:var(--color-white-hover);}}&::before{content:"•";position:absolute;left:0.25rem;top:calc(50% - 0.8rem);}}}& > .menu-item{& a,& span{padding:1rem 1.2rem;}}& .menu{width:300px !important;}}}nav{& > .menu{& .menu-item a,& > .menu-item span{transition:background-color .15s ease,color .15s ease;display:block;color:#000;&:hover{background-color:var(--color-accent);color:var(--color-secondary);}}& .menu-item{position:relative;& .menu{display:none;position:absolute;top:calc(100% - 0.5rem);left:0.5rem;z-index:99;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.25);margin:0;width:fit-content;max-width:400px;& .menu-item a,& .menu-item span{padding:0.5rem 1.2rem;display:block;width:max-content;max-width:100%;box-sizing:border-box;font-size:18px;border-bottom:1px solid var(--color-gray-30);width:100%;text-transform:none;color:var(--color-text);&:hover{background-color:var(--color-accent);color:var(--color-secondary);}}}&:last-child .menu{left:auto;right:0.5rem;}& .submenu-open{display:block;}}}}.path-frontpage header{& nav{& > .menu{& .menu-item a,& > .menu-item span{color:#fff;}}}}header.scrolled{& nav{& > .menu{& .menu-item a,& > .menu-item span{color:#000;}}}}.menu-item--expanded{list-style-image:none;background-image:url(/themes/custom/asocapitales_theme/images/icons/menu-expanded.png);background-repeat:no-repeat;background-position:calc(100% - 0.25rem) center;}.offcanvas-toggle--menu{display:none;}.region-offcanvas{& .menu--main{display:none;}}.region-offcanvas{position:fixed;top:0;right:0;width:50%;max-width:85vw;height:100%;background:#fff;box-shadow:-4px 0 12px rgba(0,0,0,0.15);transition:transform .35s ease-in-out;z-index:2999;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;transform:translateX(100%);overflow-y:scroll;}.off-canvas__close{position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.7);width:100vw;height:100vh;z-index:9;display:none;&.open{display:block;}}.region-offcanvas.open{transform:translateX(0%);}.offcanvas-close{background:none;border:none;font-size:32px;cursor:pointer;position:absolute;top:15px;right:15px;}.no-scroll{overflow:hidden;}#block-asocapitales-theme-buscador-block input[type="text"]{font-size:2rem;background-color:var(--color-white-hover);border:none;border-bottom:2px solid var(--color-primary);padding:0.5rem;width:100%;border-radius:0;margin-bottom:1rem;box-sizing:border-box;&:focus{border-bottom:2px solid var(--color-accent);outline:none;}}#block-asocapitales-theme-buscador-block input[type="submit"]{font-size:1.5rem;font-weight:bold;background-color:var(--color-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:1rem;min-width:180px;cursor:pointer;transition:background-color .15s ease;&:hover{background-color:var(--color-accent);}}@media screen and (max-width:1200px){.region-header{& .menu--main{display:none;}}.region-offcanvas{& .menu--main{display:initial;}}.menu--main{& .menu{flex-direction:column;}}.menu--main{& > .menu{& > .menu-item{& a,& span{padding:0.5rem;}}}}nav{& > .menu{& .menu-item{& .menu{position:relative;left:0px;max-width:100%;box-sizing:border-box;padding-left:1rem;box-shadow:none;background-color:var(--color-secondary);width:100% !important;}&:last-child .menu{left:auto;right:auto;}}}}.offcanvas-toggle--menu{display:initial;}.region-offcanvas{width:80%;}#block-asocapitales-theme-buscador-block input[type="text"]{font-size:1.5rem;}#block-asocapitales-theme-buscador-block input[type="submit"]{font-size:1.25rem;}}