/* ==========================================================================
   EMIN Child Theme — Master Stylesheet
   Import order matters: tokens first, then base, then components, then layout.
   ========================================================================== */

@import 'tokens.css';
@import 'base.css';
@import 'components.css';
@import 'hero-slider.css';
@import 'servicios.css';
@import 'servicios-grid.css';
@import 'proyectos.css';
@import 'blog.css';
@import 'eventos.css';
@import 'blog-page.css';
@import 'blog-detail.css';
@import 'servicio-detail.css';
@import 'evento-detail.css';

.top:before {
   content: '';
   width: 0;
   border-bottom: 20px solid var(--color-bg-white);
   border-right: 20px solid transparent;
   background: none;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 1;
}


.emin-blog__img-link.top:before {
   bottom: 105px;
}

.menubtn:before {
   content: '';
   position: absolute;
   right: 100%;
   z-index: 999;
   border-top: 51px solid var(--color-primary);
   border-left: 30px solid transparent;
   border-right: 0 solid transparent;
   bottom: 0;
}

.matchheight {
	height: 100%;
}

body .page-content a {
   text-decoration: none;   
}

.heading-border:before {
   content: "";
   position: absolute;
   display: inline-block;
   bottom: 0px;
   width: 50px;
   height: 2px;
   background: var(--color-primary);
   left: 50%;
   margin-left: -30px;
   z-index: 1;
}

.heading-border:after {
   content: "";
   position: absolute;
   display: inline-block;
   bottom: 0px;
   width: 155px;
   height: 1px;
   background: var(--color-border);
   left: 50%;
   margin-left: -80px;
}


.heading-borderleft:before {
   content: "";
   position: absolute;
   display: inline-block;
   bottom: 0px;
   width: 50px;
   height: 2px;
   background: var(--color-primary);
   z-index: 1;
}

.heading-borderleft:after {
   content: "";
   position: absolute;
   display: inline-block;
   bottom: 0px;
   width: 175px;
   height: 1px;
   background: var(--color-border);
}

.elementor-widget-n-accordion.met-accordions .e-n-accordion-item-title   {
   justify-content: space-between;
}

.elementor-widget-n-accordion.met-accordions .e-n-accordion-item-title-icon {
   background-color: var(--color-primary);
   padding: 8px 10px;
}

.swiper-navigation-icon {
   display: none;
}


/* Contact Form */

.contactForm .label-above .nf-field-label,
.contactForm .nf-before-form-content {
   display: none;   
}

.contactForm nf-fields-wrap {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
}

.contactForm nf-fields-wrap nf-field {
    width: 50%;
}

.contactForm nf-fields-wrap nf-field:nth-child(5),
.contactForm nf-fields-wrap nf-field:nth-child(6),
.contactForm nf-fields-wrap nf-field:nth-child(7),
.contactForm nf-fields-wrap nf-field:nth-child(8) {
    flex-basis: 100%;
}

.contactForm nf-fields-wrap nf-field .nf-field-container {
    padding: 0px 5px;
    margin-bottom: 15px;
}

.contactForm nf-fields-wrap nf-field:last-child {
    display: flex;
    justify-content: center;
}

.contactForm nf-fields-wrap nf-field .field-wrap input[type=submit]{
    border-radius: 0px;
    background: var(--color-primary);
    border: 0px;
    color: var(--color-bg-white);
    font-size: 14px;
    font-weight: 600;
}

.contactForm nf-fields-wrap nf-field .field-wrap input[type=submit]:hover {
    background-color: var(--color-dark)
}

.contactForm .label-right .nf-field-description {
   margin-right: 0px;
}

.elementor-47 .emin-tabs.elementor-element.elementor-element-84b22bb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]:after {
   position: absolute;
   content: " ";
   width: auto;
   height: auto;
   bottom: -20px;
   left: 50%;
   border-width: 10px;
   border-style: solid;
   border-color: #003da6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
}

.emin-about figcaption{
   position: absolute;
   top: 50%;
   right: 50%;
   font-weight: 700;
   font-size: 22px;
   background-color: #0000008c;
   color: var(--color-text-white);
   padding: 3px 10px;
}

.proyectos-page .emin-proyectos__filters{
   justify-content: center;
}

.proyectos-page .emin-proyectos__filter:hover,
.proyectos-page .emin-proyectos__filter.is-active {
   color: var(--color-primary);
   border-color: var(--color-primary);
   border-bottom: 2px solid var(--color-primary);
   border-radius: 0px;
}

.proyectos-page .emin-proyectos__filter {
   color: var(--color-text-body);
}

/*
 * Sticky header (paired with main.js scroll toggles on .header-bg).
 * .header-controll: fixed layer + off-screen start; .scrolled brings bar to top: 0 with theme color.
 */
.header-controll {
	position: fixed;
	top: -100px;
	max-width: 100%;
   width: 1200px;
	transition: top 0.5s ease;
	z-index: 1000;
}

.header-bg.scrolled {
	top: 0;
	/* background-color: var(--e-global-color-84a1d97); */
}

.header-second.header-controll {
   max-width: 100%;
   width: 100%;
}

.header-second.header-controll {
  top: 0;
  background-color: var(--color-text-white);
}
/* End sticky header */


@media (max-width: 768px) {
   .contactForm nf-fields-wrap nf-field {
      width: 100%;
   }
 }
 
 /* ------------------------------------------------------------------
    Responsive — mobile (≤ 480px)
    ------------------------------------------------------------------ */
 
 @media (max-width: 480px) {
   .contactForm nf-fields-wrap nf-field {
      width: 100%;
  }
 }