/* AMMENA — paleta institucional aplicada
   Fondo principal: #0B1117 | Sección: #111B24 | Tarjeta: #14222C
   Dorado oficial estimado desde logo: #C9A128 | Hover: #E0BC4F
*/
:root {
  --ammena-bg-main: #0B1117;
  --ammena-bg-section: #111B24;
  --ammena-bg-card: #14222C;
  --ammena-bg-deep: #070B10;
  --ammena-gold: #C9A128;
  --ammena-gold-hover: #E0BC4F;
  --ammena-text-main: #F4F6F8;
  --ammena-text-muted: #AAB3BD;
  --ammena-border-soft: rgba(244,246,248,0.12);
  --ammena-border-gold: rgba(201,161,40,0.28);
  --ammena-accent-tech: #3C7A89;
}

.share-button  , .breadcrumb-wrap:after , .nav-holder  li:before , .slider-zoom  ,  .portfolio-wrap .swiper-scrollbar-drag , .nav-social li a , .interact a , .thumb-button  , .promo-video a , header.main-header:after , #subscribe-button , .footer-decor:before , .middle-circle:before , .small-circle  , .to-top i:hover , .cssload-ball_1 , .scroll-nav ul li  a:after , .about-image:before , .inline-facts i , .btn , .team-link ,.client-link , .client-control .swiper-button-next , .client-control .swiper-button-prev  , .clients-header h2:before , .client-control .swiper-button-next i:hover , .client-control .swiper-button-prev i:hover , .swiper-pagination.client-pagin .swiper-pagination-bullet-active , .testi-link , .testilider .swiper-pagination , .testilider .swiper-button , .serv-overlay , .sl-tabs li.current .tb-item , .serv-dec:before , .dec-list li:before , .price , .color-bg , .parallax-section .section-title  h2:before , .input-wrap i , .contact-detail i , .fixed-filter .gallery-filters  a:after , .box-item.vis-det a.image-popup:after , .box-item.vis-det a.popgal:after , .fixed-filter .folio-counter , .grid-det:after , .inline-filter .gallery-filters a:after   , .inline-filter .folio-counter , .portfolio-wrap .carousel-counter , .page-nav a.ppn  , .page-nav a.npn , .appn:after ,   .sw-button  , .section-title  h4:before   , .image-slider  .swiper-button-prev i, .image-slider  .swiper-button-next i , .home-slider  .swiper-button-prev i, .home-slider  .swiper-button-next i , .custom-skillbar , .team-single-social:after , .post-tags:after , .current-page  , .controls button , .post-author-wrap ul:after , .slide-progress , .hero-dec:before , .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active  , .share-icon , .appn:hover span , .pagination a:hover , .pagination a.current-page , .progress-bar , .image-slider  .swiper-button-prev , .image-slider  .swiper-button-next  , .home-slider  .swiper-button-prev , .home-slider  .swiper-button-next , .hero-item h3:before , .grid-carousel-title  h3:before , .fs-slider-wrap_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active , .carousle-item-dec:before , .line-dec:before , .team-image a:before , .resum-header i  , .custom-inner-content ul li:before , .custom-inner-content:before , .swiper-pagination.client-pagin:after , .sec-dec:after  , .hp_popup  , .error-wrap:before  , .loader-spin:before  , .loader-bg2 , .pvlin , .nav-holder li span.nav-dec , .nav-holder li span.nav-dec:before , .to-top i , .big-circle:before  , .team-single-social li a  , .widget-posts-descr:after , .post-author-wrap li a    {
	background:#C9A128;
} 
.close-search  , .nav-holder  li a:hover , .nav-holder  li a.act-link  , .blockquote-wrap:before , .nav-contacts li i  , .hse:hover , .scroll-nav ul li a:hover , .section-title  h2 span    , .fixed-filter .gallery-filters  a:hover , .show-info span i   , .artcicle-icon  i  , .post-meta li i , .hero-item p span , #success_page p strong , .promo-video-text span   , .fixed-filter .filter-header i , .leaflet-touch .leaflet-bar a , .cat-item span , .widget-posts-date i  , .post-opt i , .widget-inner .post-tags li a, .widget-inner  .tagcloud li a , .post-tags li a:hover , .tagcloud li a:hover , .search-submit   , .subscribe-message i   , .cus-inner-head-link:hover , .text-title span , .element-item.close-icon:after , .element-item.slider_hover:after , .mob-filter_btn i  , .nav-holder li i , .inline-filter a:hover , .grid-det h3 a:hover  , .gallery-items.hid-port-info .grid-det h3 a:hover , .nav-contacts li a:hover     , blockquote:before , .milestone-counter  , .team-info h3 a , .team-social li a  , .team-link:hover i , .sl-tabs li i , .sl-tabs li:before , .testi-header h3 , .testi-num  , .contact-detail ul li a , .card-item_num  , .post-tags li a   , .control-group label , .nav-button-wrap:before {
	color:#C9A128;
}
.resum-header:after , .triangle-dec span , .triangle-dec span:before , .ab_cirle-dec , .element-item , blockquote  {
	border-color:#C9A128;
} 

/* AMMENA — refinamiento de estados interactivos */
.btn:hover,
#subscribe-button:hover,
.share-button:hover,
.nav-social li a:hover,
.client-control .swiper-button-next i:hover,
.client-control .swiper-button-prev i:hover,
.to-top i:hover,
.controls button:hover,
.search-submit:hover {
	background: #E0BC4F;
	color: #0B1117;
}

/* Íconos de navegación del carrusel hero siempre blancos */
.sw-button i {
	color: #FFFFFF !important;
}
.nav-holder li a:hover,
.nav-holder li a.act-link,
.contact-detail ul li a:hover,
.inline-filter a:hover,
.grid-det h3 a:hover {
	color: #E0BC4F;
}

/* Enlaces editoriales dentro del contenido, sin afectar menus principales. */
.post p a,
.project-detail-wrap p a,
.project-detail-wrap blockquote a,
.project-detail-wrap .dec-list a,
.custom-inner-content p a,
.custom-inner-content .dec-list a,
.about-text p a,
.serv-text p a,
.contact-detail p a {
	color: #C9A128;
}
.post p a:hover,
.project-detail-wrap p a:hover,
.project-detail-wrap blockquote a:hover,
.project-detail-wrap .dec-list a:hover,
.custom-inner-content p a:hover,
.custom-inner-content .dec-list a:hover,
.about-text p a:hover,
.serv-text p a:hover,
.contact-detail p a:hover {
	color: #E0BC4F;
}

/* AMMENA - Checkbox legal de privacidad */
input[type="checkbox"][name*="privacy"],
input[type="checkbox"][name*="privacidad"],
input[type="checkbox"][id*="privacy"],
input[type="checkbox"][id*="privacidad"] {
	accent-color: var(--ammena-gold, #C9A128);
}

input[type="checkbox"][name*="privacy"]:focus,
input[type="checkbox"][name*="privacidad"]:focus,
input[type="checkbox"][id*="privacy"]:focus,
input[type="checkbox"][id*="privacidad"]:focus {
	outline-color: var(--ammena-gold, #C9A128);
}

/* AMMENA - Header responsive global */
.logo-responsive,
.slogan-responsive {
    display: none !important;
}

@media only screen and (max-width: 1068px) {
    .main-header {
        display: grid !important;
        grid-template-columns: minmax(82px, 1fr) auto 46px !important;
        align-items: center !important;
        column-gap: 8px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    .main-header .breadcrumb-wrap {
        display: none !important;
    }

    .main-header .logo-holder {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important;
        width: auto !important;
        height: 46px !important;
        min-width: 0 !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important;
        z-index: 120 !important;
    }

    .main-header .logo-holder a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .main-header .logo-holder .logo-desktop {
        display: none !important;
    }

    .main-header .logo-holder .logo-responsive,
    .main-header .logo-holder .logo-responsive-global {
        display: block !important;
        width: auto !important;
        max-width: 147px !important;
        height: 46px !important;
        margin-top: 0 !important;
        left: auto !important;
        object-fit: contain !important;
        transform: translateY(4px) !important;
    }

    .main-header .ammena-slogan {
        float: none !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        margin: 0 !important;
        margin-top: 0 !important;
        transform: none !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 138px !important;
        max-width: 172px !important;
        min-height: 42px !important;
        height: auto !important;
        line-height: normal !important;
        padding: 6px 10px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        z-index: 110 !important;
        white-space: normal !important;
    }

    .main-header .ammena-slogan i {
        display: none !important;
    }

    .main-header .ammena-slogan .slogan-desktop {
        display: none !important;
    }

    .main-header .ammena-slogan .slogan-responsive {
        display: block !important;
        line-height: 1.08 !important;
        white-space: normal !important;
    }

    .main-header .nav-button-wrap {
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        grid-column: 3 !important;
        grid-row: 1 !important;
        width: 46px !important;
        height: 46px !important;
        z-index: 130 !important;
    }

    .main-header .nav-button-wrap.vis-menbut:before {
        display: none !important;
    }

    .main-header .nav-button {
        display: block !important;
        position: relative !important;
    }

    .main-header .nav-button span {
        display: block !important;
        background: #ffffff !important;
    }
}

@media only screen and (max-width: 420px) {
    .main-header {
        grid-template-columns: minmax(74px, 1fr) auto 42px !important;
        column-gap: 6px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .main-header .logo-holder .logo-responsive,
    .main-header .logo-holder .logo-responsive-global {
        max-width: 126px !important;
        height: 40px !important;
        transform: translateY(4px) !important;
    }

    .main-header .ammena-slogan {
        min-width: 130px !important;
        max-width: 158px !important;
        padding: 5px 8px !important;
    }

    .main-header .nav-button-wrap {
        width: 42px !important;
        height: 42px !important;
    }
}


/* AMMENA - correccion visual no invasiva de iconos del carrusel y CTA */
.hero-carousel-wrap .fa,
.hero-carousel-wrap .fas,
.hero-carousel-wrap .far,
.hero-carousel-wrap .fal,
.hero-carousel-wrap .fab,
.hero-carousel .fa,
.hero-carousel .fas,
.hero-carousel .far,
.hero-carousel .fal,
.hero-carousel .fab,
.grid-carousel-title .btn .fa,
.grid-carousel-title .btn .fas,
.grid-carousel-title .btn .far,
.grid-carousel-title .btn .fal,
.grid-carousel-title .btn .fab,
.btn.hide-icon .fa,
.btn.hide-icon .fas,
.btn.hide-icon .far,
.btn.hide-icon .fal,
.btn.hide-icon .fab,
.sw-button .fa,
.sw-button .fas,
.sw-button .far,
.sw-button .fal,
.sw-button .fab,
.swiper-button .fa,
.swiper-button .fas,
.swiper-button .far,
.swiper-button .fal,
.swiper-button .fab,
.swiper-button-next .fa,
.swiper-button-next .fas,
.swiper-button-prev .fa,
.swiper-button-prev .fas {
    font-style: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hero-carousel-wrap .fas,
.hero-carousel .fas,
.grid-carousel-title .btn .fas,
.btn.hide-icon .fas,
.sw-button .fas,
.swiper-button .fas,
.swiper-button-next .fas,
.swiper-button-prev .fas {
    font-family: "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 7 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

.hero-carousel-wrap .far,
.hero-carousel .far,
.grid-carousel-title .btn .far,
.btn.hide-icon .far,
.sw-button .far,
.swiper-button .far {
    font-family: "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 7 Free", "FontAwesome" !important;
    font-weight: 400 !important;
}

.hero-carousel-wrap .fal,
.hero-carousel .fal,
.grid-carousel-title .btn .fal,
.btn.hide-icon .fal,
.sw-button .fal,
.swiper-button .fal {
    font-family: "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 300 !important;
}

.hero-carousel-wrap .fab,
.hero-carousel .fab,
.grid-carousel-title .btn .fab,
.btn.hide-icon .fab,
.sw-button .fab,
.swiper-button .fab {
    font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands", "Font Awesome 7 Brands", "FontAwesome" !important;
    font-weight: 400 !important;
}

.hero-carousel-wrap .fa-caret-right:before,
.hero-carousel .fa-caret-right:before,
.grid-carousel-title .btn .fa-caret-right:before,
.btn.hide-icon .fa-caret-right:before,
.sw-button .fa-caret-right:before,
.swiper-button .fa-caret-right:before,
.swiper-button-next .fa-caret-right:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 7 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

.hero-carousel-wrap .fa-caret-left:before,
.hero-carousel .fa-caret-left:before,
.sw-button .fa-caret-left:before,
.swiper-button .fa-caret-left:before,
.swiper-button-prev .fa-caret-left:before {
    content: "\f0d9";
    font-family: "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 7 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* AMMENA - correccion puntual del icono Volver arriba */
.to-top i.fas.fa-caret-up {
    display: block;
    font-family: "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 7 Free", "FontAwesome" !important;
    font-size: 11px;
    font-style: normal;
    font-weight: 900 !important;
    line-height: 50px !important;
    text-align: center;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.to-top i.fas.fa-caret-up:before {
    content: "\f0d8";
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

/* AMMENA - correccion localizada de iconos en Datos de contacto */
.nav-contacts li i.fas {
    font-family: "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* AMMENA - correccion localizada del icono de correo en microservicios */
.team-single-social i.fas.fa-envelope {
    font-family: "Font Awesome 5 Pro", "FontAwesome" !important;
    font-weight: 900 !important;
}