/* =============================================================
   Agilidad Digital — Custom Styles
   Brand overrides layered on top of Porto theme (template/)
   ============================================================= */

/* ----------------------------------------------------------
   LOGO TEXT
   Displayed as text until final SVG logo is ready.
   Replace with <img> tag once img/logo.svg is available.
   ---------------------------------------------------------- */

.ad-logo-text {
    font-family: 'Poppins', sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 1;
    text-decoration: none !important;
}

.ad-logo-text-footer {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.5px;
}

/* ----------------------------------------------------------
   BRAND COLOR PALETTE — Blue / Black / Grey / White
   Overrides the red from skin-digital-agency-2.css.
   Primary blue matches Porto default skin (#0088CC).
   ---------------------------------------------------------- */

:root {
    /* Primary blue */
    --primary:          #0088CC;
    --primary-100:      #0077b3;
    --primary-200:      #006ea6;
    --primary-300:      #006699;
    --primary--100:     #0099e6;
    --primary--200:     #00a1f2;
    --primary--300:     #00aaff;
    --primary-rgba-0:   rgba(0, 136, 204, 0);
    --primary-rgba-10:  rgba(0, 136, 204, 0.1);
    --primary-rgba-20:  rgba(0, 136, 204, 0.2);
    --primary-rgba-30:  rgba(0, 136, 204, 0.3);
    --primary-rgba-40:  rgba(0, 136, 204, 0.4);
    --primary-rgba-50:  rgba(0, 136, 204, 0.5);
    --primary-rgba-60:  rgba(0, 136, 204, 0.6);
    --primary-rgba-70:  rgba(0, 136, 204, 0.7);
    --primary-rgba-80:  rgba(0, 136, 204, 0.8);
    --primary-rgba-90:  rgba(0, 136, 204, 0.9);

    /* Tertiary (light grey sections background) */
    --tertiary:         #e0e1e5;
    --tertiary-rgba-10: rgba(224, 225, 229, 0.1);
    --tertiary-rgba-50: rgba(224, 225, 229, 0.5);
}

/* ----------------------------------------------------------
   COUNTER NUMBERS
   ---------------------------------------------------------- */

.counter strong {
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
    display: block;
}

/* ----------------------------------------------------------
   FEATURE CARDS — icon alignment
   ---------------------------------------------------------- */

.col-custom-cards .card .fab,
.col-custom-cards .card .fas {
    line-height: 1;
}

/* ----------------------------------------------------------
   TESTIMONIAL CAROUSEL
   ---------------------------------------------------------- */

.our-insights .owl-dots {
    margin-top: 2rem;
}

.our-insights .owl-dot span {
    background-color: var(--primary) !important;
    opacity: 0.4;
}

.our-insights .owl-dot.active span {
    opacity: 1;
}

/* ----------------------------------------------------------
   PAGE HEADER — remove Porto's white 5px bottom stripe
   ---------------------------------------------------------- */

.page-header.page-header-classic::after {
    display: none;
}

/* ----------------------------------------------------------
   FOOTER
   ---------------------------------------------------------- */

#footer {
    background-color: #292929 !important;
    border-top: 3px solid #0088CC;
}

.border-color-light-2 {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* ----------------------------------------------------------
   CONTACT SECTION — detail items
   ---------------------------------------------------------- */

#contacto .container {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/* ----------------------------------------------------------
   RESPONSIVE ADJUSTMENTS
   ---------------------------------------------------------- */

@media (max-width: 767px) {
    .counter strong {
        font-size: 2.25rem;
    }

    .ad-logo-text {
        font-size: 1.1rem;
    }
}

/* ----------------------------------------------------------
   TODO — Image placeholders
   The following sections use Porto demo images as placeholders.
   Replace src attributes in index.html once real photos are ready:

   Hero bg:  template/HTML/img/demos/digital-agency-2/bg/bg-1.jpg
   CTA bg:   template/HTML/img/demos/digital-agency-2/bg/bg-2.jpg

   Add final images to img/ and update the style="" attributes.
   ---------------------------------------------------------- */