• https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
• https://fonts.googleapis.com/css2?family=BioRhyme:wght@400;700;800&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Barlow+Condensed:wght@500;600;700&display=swap

/* MIXED CSS PACK */
/* Template: dracoteamargentina.com.ar/index.html */
/* Template mtime: 2026-04-27 21:40:14 */

/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=BioRhyme:wght@400;700;800&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Barlow+Condensed:wght@500;600;700&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
@font-face {
      font-family: 'Ziggurat';
      src:
        local('Ziggurat'),
        local('Ziggurat HTF'),
        local('Ziggurat HTF Black'),
        local('Ziggurat-HTF-Black'),
        url('fonts/Ziggurat.woff2') format('woff2'),
        url('fonts/Ziggurat.woff') format('woff'),
        url('fonts/Ziggurat.ttf') format('truetype'),
        url('fonts/ziggurat.woff2') format('woff2'),
        url('fonts/ziggurat.woff') format('woff'),
        url('fonts/ziggurat.ttf') format('truetype');
      font-weight: 400 900;
      font-style: normal;
      font-display: swap;
    }

    :root {
      --accent: #feda00;
      --accent-strong: #d0b200;
      --dark: #1b171b;
      --ink: #111111;
      --paper: #ffffff;
      --soft: #f6f3ee;
      --muted: #666666;
      --line: rgba(27,23,27,.12);
      --nav-h: 76px;
      --display: 'Barlow Condensed', 'Barlow', ui-sans-serif, system-ui, sans-serif;
      --original-display: 'Barlow Condensed', 'Barlow', ui-sans-serif, system-ui, sans-serif;
      --ziggurat: 'Barlow Condensed', 'Barlow', ui-sans-serif, system-ui, sans-serif;
      --body: 'Barlow', ui-sans-serif, system-ui, sans-serif;
      --mono: 'SFMono-Regular', Consolas, monospace;
      --ease: cubic-bezier(.4,0,.2,1);
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; overflow-x: hidden; }
    body { font-family: var(--body); color: var(--ink); background: var(--paper); overflow-x: hidden; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }

    h1, h2, h3, h4, h5, h6,
    .brand-text,
    .nav-link,
    .btn-accent,
    .btn-outline-dark-brand,
    .btn-submit,
    .service-card h3,
    .why-card h3,
    .featured-product-title,
    .footer-brand-name,
    .footer-list a {
      font-family: var(--display);
    }

    p,
    .lead-copy,
    .section-subtitle,
    .hero-lead,
    .hero-secondary,
    .service-card p,
    .why-card p,
    .accordion-body,
    .contact-detail,
    .footer-tagline {
      font-family: var(--body);
    }

    .brand-text,
    .nav-link,
    .btn-accent,
    .btn-outline-dark-brand,
    .btn-submit,
    .hero-title,
    .section-title,
    .service-card h3,
    .why-card h3,
    .featured-product-title,
    .footer-brand-name {
      font-weight: 400 !important;
    }

    body::after {
      content: '';
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 9998;
      opacity: .022;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
      background-size: 256px;
    }

    .site-nav {
      min-height: var(--nav-h);
      background: rgba(255,255,255,.9);
      backdrop-filter: blur(20px) saturate(150%);
      -webkit-backdrop-filter: blur(20px) saturate(150%);
      border-bottom: 1px solid var(--line);
      transition: background .25s var(--ease), box-shadow .25s var(--ease);
      z-index: 1040;
    }

    .site-nav.is-scrolled {
      background: rgba(255,255,255,.98);
      box-shadow: 0 2px 0 var(--line), 0 12px 34px rgba(27,23,27,.08);
    }

    .navbar-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
    .brand-logo { height: 42px; width: auto; object-fit: contain; flex: 0 0 auto; }
    .brand-text { font-family: var(--display); font-size: 21px; font-weight: 700; letter-spacing: .035em; line-height: 1; color: var(--dark); text-transform: uppercase; white-space: nowrap; }

    .navbar-toggler {
      width: 44px;
      height: 44px;
      border: 1.5px solid var(--dark);
      border-radius: 4px;
      padding: 0;
      background: transparent;
      box-shadow: none !important;
      display: grid;
      place-items: center;
    }

    .navbar-toggler:focus { box-shadow: 0 0 0 3px rgba(254,218,0,.28) !important; }
    .toggler-bars { display: flex; flex-direction: column; gap: 5px; width: 18px; }
    .toggler-bars span { display: block; height: 1.5px; background: var(--dark); }

    .nav-link {
      font-family: var(--display);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .055em;
      text-transform: uppercase;
      color: var(--dark);
      padding: .6rem .72rem !important;
      transition: color .18s var(--ease);
      position: relative;
    }

    .nav-link::after {
      content: '';
      position: absolute;
      bottom: 2px;
      left: .72rem;
      right: .72rem;
      height: 2px;
      background: var(--accent);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .22s var(--ease);
    }

    .nav-link:hover { color: var(--accent-strong); }
    .nav-link:hover::after { transform: scaleX(1); }

    .btn-accent, .btn-outline-dark-brand {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 0 22px;
      border-radius: 0;
      font-family: var(--display);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .09em;
      text-transform: uppercase;
      transition: transform .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease);
    }

    .btn-accent {
      background: var(--dark);
      color: #fff !important;
      border: 1px solid var(--dark);
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%);
    }

    .btn-accent:hover { background: var(--accent); border-color: var(--accent); color: var(--dark) !important; transform: translateY(-1px); }

    .btn-outline-dark-brand {
      color: var(--dark);
      border: 1.5px solid var(--dark);
      background: transparent;
    }

    .btn-outline-dark-brand:hover { background: var(--accent); border-color: var(--accent); color: var(--dark); transform: translateY(-1px); }

    .hero {
      min-height: 100vh;
      min-height: 100svh;
      display: flex;
      align-items: stretch;
      padding: var(--nav-h) 0 0;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      background: #030303;
      color: #fff;
    }

    .hero::before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: clamp(190px, 28vh, 310px);
      background: linear-gradient(180deg, rgba(3,3,3,0), #030303 34%, #030303 100%);
      z-index: -1;
    }

    .hero-shell {
      min-height: calc(100vh - var(--nav-h));
      min-height: calc(100svh - var(--nav-h));
      align-items: stretch;
      row-gap: 0;
    }

    .hero-copy {
      max-width: 650px;
      min-height: calc(100vh - var(--nav-h));
      min-height: calc(100svh - var(--nav-h));
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: clamp(48px, 6vw, 86px) 0;
      position: relative;
      z-index: 2;
    }

    .hero .eyebrow { color: var(--accent); }
    .hero .eyebrow::before { background: var(--accent); }

    .hero-title {
      font-family: var(--display);
      font-size: clamp(68px, 9.6vw, 148px);
      font-weight: 700;
      line-height: .84;
      letter-spacing: .03em;
      text-transform: uppercase;
      color: #fff;
      margin: 0 0 22px;
      text-wrap: balance;
    }

    .hero-lead {
      max-width: 610px;
      font-size: clamp(17px, 1.55vw, 20px);
      line-height: 1.65;
      color: rgba(255,255,255,.86);
      font-weight: 400;
      margin-bottom: 18px;
    }

    .hero-secondary {
      max-width: 570px;
      font-size: 15.5px;
      line-height: 1.72;
      color: rgba(255,255,255,.6);
      margin: 0;
    }

    .hero-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 32px; }

    .hero .btn-accent {
      background: var(--accent);
      color: var(--dark) !important;
      border-color: var(--accent);
    }

    .hero .btn-accent:hover {
      background: #fff;
      border-color: #fff;
      color: var(--dark) !important;
    }

    .hero .btn-outline-dark-brand {
      color: #fff;
      border-color: rgba(255,255,255,.5);
    }

    .hero .btn-outline-dark-brand:hover {
      background: var(--accent);
      border-color: var(--accent);
      color: var(--dark);
    }

    .hero-media {
      position: relative;
      min-height: calc(100vh - var(--nav-h));
      min-height: calc(100svh - var(--nav-h));
      display: flex;
      align-items: center;
      justify-content: center;
      padding: clamp(46px, 5.8vw, 78px) 0 clamp(46px, 5.8vw, 78px) 24px;
    }

    .hero-image-card {
      width: min(100%, 560px);
      height: min(640px, calc(100svh - var(--nav-h) - 96px));
      min-height: 430px;
      background: #050505;
      border: 1px solid rgba(255,255,255,.1);
      box-shadow: 18px 18px 0 var(--accent), 0 28px 80px rgba(0,0,0,.48);
      overflow: hidden;
      position: relative;
    }

    .hero-image-card::after {
      content: '';
      position: absolute;
      inset: 14px;
      border: 1px solid rgba(255,255,255,.22);
      pointer-events: none;
    }

    .hero-img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
      filter: contrast(1.02) saturate(1.04);
      background: #050505;
    }

    .section { padding: 104px 0; scroll-margin-top: calc(var(--nav-h) + 8px); }
    .section-paper { background: var(--soft); }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 16px;
      font-family: var(--mono);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--accent-strong);
    }

    .eyebrow::before { content: ''; width: 22px; height: 2px; background: var(--accent); }

    .section-title {
      font-family: var(--display);
      font-size: clamp(42px, 6.5vw, 88px);
      font-weight: 700;
      line-height: .94;
      letter-spacing: .018em;
      text-transform: uppercase;
      color: var(--dark);
      margin: 0;
      text-wrap: balance;
    }

    .text-center .section-title { margin-inline: auto; max-width: 900px; }

    .section-subtitle {
      font-size: clamp(15px, 1.5vw, 17px);
      line-height: 1.72;
      color: var(--muted);
      font-weight: 400;
      max-width: 660px;
      margin: 18px auto 0;
    }

    .lead-copy { font-size: clamp(15.5px, 1.4vw, 17px); line-height: 1.84; color: #2a2a2a; font-weight: 400; }
    .lead-copy p { margin-bottom: 20px; }
    .lead-copy p:last-child { margin-bottom: 0; }

    .quote-line {
      margin-top: 36px;
      padding: 22px 24px;
      border-left: 4px solid var(--accent);
      background: #fff;
      font-family: var(--display);
      font-size: clamp(20px, 2vw, 28px);
      font-weight: 700;
      letter-spacing: .018em;
      line-height: 1.24;
      color: var(--dark);
      box-shadow: 5px 5px 0 rgba(254,218,0,.26);
    }

    .fact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin-top: 32px; }

    .fact-card {
      padding: 16px 18px;
      background: var(--dark);
      color: #fff;
      font-family: var(--display);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      border-radius: 0;
      transition: background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);
      position: relative;
    }

    .fact-card::before { content: ''; display: block; width: 20px; height: 2px; background: var(--accent); margin-bottom: 8px; }
    .fact-card:hover { background: var(--accent); color: var(--dark); transform: translate(-2px,-2px); }

    .service-card {
      height: 100%;
      padding: 32px 28px;
      border: 1.5px solid var(--dark);
      background: #fff;
      transition: transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
      position: relative;
      overflow: hidden;
    }

    .service-card::after {
      content: '';
      position: absolute;
      inset: 0;
      box-shadow: 5px 5px 0 var(--dark);
      transition: box-shadow .2s var(--ease);
      pointer-events: none;
    }

    .service-card:hover { transform: translate(-3px,-3px); background: var(--accent); color: var(--dark); border-color: var(--accent); }
    .service-card:hover::after { box-shadow: 5px 5px 0 rgba(27,23,27,.55); }
    .service-card:hover p { color: rgba(27,23,27,.78); }

    .service-num {
      display: block;
      font-family: var(--display);
      font-size: 58px;
      font-weight: 700;
      line-height: 1;
      color: rgba(27,23,27,.08);
      margin-bottom: 12px;
      transition: color .2s var(--ease);
    }

    .service-card:hover .service-num { color: rgba(27,23,27,.18); }

    .service-card h3 {
      font-family: var(--display);
      font-size: 22px;
      font-weight: 700;
      letter-spacing: .04em;
      text-transform: uppercase;
      margin-bottom: 12px;
      color: var(--dark);
    }

    .service-card p { font-size: 15px; line-height: 1.7; color: var(--muted); font-weight: 400; margin: 0; transition: color .2s var(--ease); }

    .why-card {
      height: 100%;
      padding: 28px 24px;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: 0 2px 0 var(--line);
      transition: transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);
      position: relative;
    }

    .why-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 3px;
      height: 0;
      background: var(--accent);
      transition: height .25s var(--ease);
    }

    .why-card:hover { transform: translateY(-4px); border-color: rgba(254,218,0,.5); box-shadow: 0 14px 40px rgba(27,23,27,.08); }
    .why-card:hover::before { height: 100%; }

    .icon-mark {
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      margin-bottom: 18px;
      background: var(--dark);
      color: #fff;
      transition: background .2s var(--ease), color .2s var(--ease);
    }

    .why-card:hover .icon-mark { background: var(--accent); color: var(--dark); }
    .icon-mark svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }

    .why-card h3 {
      font-family: var(--display);
      font-size: 19px;
      font-weight: 700;
      letter-spacing: .04em;
      text-transform: uppercase;
      margin-bottom: 10px;
      color: var(--dark);
    }

    .why-card p { font-size: 14.5px; line-height: 1.7; color: var(--muted); font-weight: 400; margin: 0; }

    .gal-gallery .carousel { max-width: 980px; margin-inline: auto; position: relative; }
    .gal-frame { height: clamp(240px,48vh,460px); background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 14px 34px rgba(27,23,27,.14); display: flex; align-items: center; justify-content: center; padding: 10px; border: 1px solid var(--line); }
    .gal-img { width: auto !important; max-width: 100%; height: auto !important; max-height: 100%; object-fit: contain !important; object-position: center; display: block; cursor: zoom-in; }
    .gal-gallery .carousel-control-prev, .gal-gallery .carousel-control-next { z-index: 20; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); opacity: 1; background: rgba(27,23,27,.72); border-radius: 50%; margin: 0 12px; }
    .gal-gallery .carousel-control-prev { left: 0; }
    .gal-gallery .carousel-control-next { right: 0; }
    .gal-gallery .gal-ctrl-icon { width: 2.5rem; height: 2.5rem; background-size: 60% 60%; }
    .gal-gallery .carousel-indicators { z-index: 10; bottom: -50px; }
    .gal-gallery .carousel-indicators button { width: 10px; height: 10px; border-radius: 50%; background: rgba(27,23,27,.42); border: none; }
    .gal-gallery .carousel-indicators button.active { background: var(--dark); }
    .gal-gallery { padding-bottom: 64px; }
    #galLightbox .modal-content { background: #000; }
    #galLightboxImg { max-height: 86vh; width: 100%; height: auto; object-fit: contain; background: #000; }
    .gal-lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); border: 0; width: 44px; height: 44px; border-radius: 999px; background: rgba(255,255,255,.18); color: #fff; font-size: 30px; line-height: 44px; text-align: center; z-index: 5; cursor: pointer; }
    .gal-lightbox-nav:hover { background: rgba(255,255,255,.28); }
    .gal-lightbox-nav.gal-prev { left: 10px; }
    .gal-lightbox-nav.gal-next { right: 10px; }

    .accordion { --bs-accordion-border-color: transparent; max-width: 860px; margin-inline: auto; }
    .accordion-item { margin-bottom: 5px; border: 1.5px solid var(--dark) !important; border-radius: 0 !important; overflow: hidden; background: #fff; transition: border-color .2s var(--ease); }
    .accordion-item:has(.accordion-button:not(.collapsed)) { border-color: var(--accent) !important; }
    .accordion-button { min-height: 68px; padding: 18px 24px; color: var(--dark); background: #fff; font-family: var(--display); font-weight: 700; font-size: 18px; letter-spacing: .035em; text-transform: uppercase; }
    .accordion-button:not(.collapsed) { color: var(--dark); background: #fff; box-shadow: inset 0 -2px 0 var(--accent); }
    .accordion-button:focus { box-shadow: 0 0 0 3px rgba(254,218,0,.24) !important; }
    .accordion-button::after { width: 28px; height: 28px; background-color: var(--dark); background-position: center; background-size: 12px; filter: invert(1); flex-shrink: 0; }
    .accordion-button:not(.collapsed)::after { background-color: var(--accent); filter: none; }
    .accordion-body { padding: 20px 24px 28px; font-size: 16px; line-height: 1.75; color: var(--muted); font-weight: 400; }
    .faq-num { font-family: var(--display); font-size: 30px; color: rgba(254,218,0,.75); margin-right: 14px; line-height: 1; vertical-align: middle; }

    .contact-panel { background: var(--dark); padding: 40px 36px; box-shadow: 8px 8px 0 var(--accent); }
    .contact-details { display: grid; gap: 11px; margin-top: 28px; }
    .contact-detail { padding: 15px 18px; border-left: 3px solid var(--accent); background: #fff; color: var(--dark); font-size: 15px; line-height: 1.4; box-shadow: 0 1px 0 var(--line); }
    .contact-detail strong { display: block; font-family: var(--display); font-size: 14px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 3px; }
    .form-label { font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: .14em; color: rgba(255,255,255,.6); text-transform: uppercase; margin-bottom: 8px; }
    .form-control, .form-select { min-height: 50px; border-radius: 0; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.07); color: #fff; font-size: 15px; font-weight: 400; box-shadow: none !important; transition: border-color .2s var(--ease), background .2s var(--ease); }
    .form-control::placeholder { color: rgba(255,255,255,.34); }
    .form-control:focus, .form-select:focus { border-color: var(--accent); background: rgba(255,255,255,.11); color: #fff; box-shadow: 0 0 0 3px rgba(254,218,0,.22) !important; }
    .form-select option { background: var(--dark); color: #fff; }
    textarea.form-control { min-height: 140px; resize: vertical; }
    .hp-field { display: none !important; position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

    .btn-submit {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      min-height: 52px;
      background: var(--accent);
      color: var(--dark);
      border: none;
      border-radius: 0;
      font-family: var(--display);
      font-size: 16px;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      cursor: pointer;
      transition: transform .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);
    }

    .btn-submit:hover { background: #fff; transform: translate(-2px,-2px); box-shadow: 4px 4px 0 rgba(254,218,0,.3); }
    .btn-submit svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2.2; fill: none; stroke-linecap: round; stroke-linejoin: round; }

    .contact-big-label { font-family: var(--display); font-size: clamp(70px, 12vw, 140px); line-height: .88; color: rgba(27,23,27,.05); letter-spacing: .02em; text-transform: uppercase; user-select: none; margin-bottom: -24px; }

    .footer { background: var(--accent); color: var(--dark); padding: 70px 0 0; position: relative; overflow: hidden; }
    .footer-bg-text { position: absolute; bottom: -16px; left: -10px; font-family: var(--display); font-size: 210px; font-weight: 700; color: rgba(27,23,27,.07); letter-spacing: -.02em; line-height: 1; user-select: none; pointer-events: none; white-space: nowrap; }
    .footer-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
    .footer-logo { height: 40px; width: auto; object-fit: contain; flex: 0 0 auto; }
    .footer-brand-name { font-family: var(--display); font-size: 20px; font-weight: 700; color: var(--dark); letter-spacing: .04em; text-transform: uppercase; }
    .footer-tagline { font-size: 14px; font-weight: 600; color: rgba(27,23,27,.82); max-width: 320px; line-height: 1.6; margin: 0; }
    .footer-col-title { font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: rgba(27,23,27,.58); margin-bottom: 20px; }
    .footer-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
    .footer-list a { font-size: 14px; color: rgba(27,23,27,.84); font-weight: 700; font-family: var(--display); letter-spacing: .04em; text-transform: uppercase; transition: color .18s var(--ease), letter-spacing .18s var(--ease); }
    .footer-list a:hover { color: #fff; letter-spacing: .08em; }
    .footer-list li:not(:has(a)) { font-size: 14px; color: rgba(27,23,27,.82); font-weight: 600; line-height: 1.45; }
    .footer-stripe { height: 3px; background: var(--dark); margin-top: 56px; }
    .footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; font-size: 12px; font-family: var(--mono); letter-spacing: .04em; color: rgba(27,23,27,.78); flex-wrap: wrap; position: relative; z-index: 1; }
    .footer-bottom a { color: rgba(27,23,27,.88); transition: color .18s var(--ease); }
    .footer-bottom a:hover { color: #fff; }

    .reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s var(--ease), transform .6s var(--ease); }
    .reveal.is-visible { opacity: 1; transform: none; }

    .wa-float { position: fixed; right: 18px; bottom: 18px; z-index: 9999; font-family: inherit; }
    .wa-btn { background: #25d366; color: #fff; border: 0; width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 10px 30px rgba(0,0,0,.22); cursor: pointer; transition: transform .3s, box-shadow .3s, filter .3s; position: relative; overflow: hidden; }
    .wa-btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 14px 36px rgba(0,0,0,.28); filter: brightness(.98); }
    .wa-card { position: absolute; right: 0; bottom: 74px; width: min(360px, 92vw); background: #fff; color: #1c1f1d; border-radius: 18px; overflow: hidden; box-shadow: 0 18px 60px rgba(0,0,0,.25); border: 1px solid #dde4df; transform: translateY(10px); opacity: 0; transition: transform .3s, opacity .3s; z-index: 10000; }
    .wa-card[aria-modal="true"] { transform: translateY(0); opacity: 1; }
    .wa-head { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: linear-gradient(135deg, #ffffff, #ecf6f0); border-bottom: 1px solid #dde4df; }
    .wa-avatar { width: 40px; height: 40px; border-radius: 10px; background: #e9f7ef; display: grid; place-items: center; border: 1px solid #cfeeda; overflow: hidden; flex: 0 0 auto; }
    .wa-avatar img { width: 100%; height: 100%; object-fit: contain; padding: 5px; border-radius: 10px; }
    .wa-title { font-weight: 800; font-size: 1.02rem; color: #1c1f1d; }
    .wa-status { font-size: .85rem; color: #6c756f; display: flex; align-items: center; gap: 6px; }
    .wa-status::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #25d366; }
    .wa-close { margin-left: auto; background: transparent; color: #6c756f; border: 0; font-size: 24px; cursor: pointer; opacity: .75; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .2s; }
    .wa-close:hover { opacity: 1; background: rgba(0,0,0,.04); }
    .wa-body { padding: 12px 14px; max-height: 40vh; overflow: auto; background: #f6f8f7; display: flex; flex-direction: column; gap: 8px; }
    .wa-bubble { max-width: 88%; padding: 9px 11px; border-radius: 14px; line-height: 1.35; box-shadow: 0 3px 10px rgba(0,0,0,.06); animation: waFadeIn .25s ease; font-size: .9rem; }
    @keyframes waFadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
    .wa-bot { background: #fff; border: 1px solid #dde4df; align-self: flex-start; border-bottom-left-radius: 4px; }
    .wa-user { background: #25d366; color: #fff; align-self: flex-end; border-bottom-right-radius: 4px; }
    .wa-compose { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 10px 12px; background: #fff; border-top: 1px solid #dde4df; }
    .wa-compose textarea { resize: none; border-radius: 12px; padding: 10px 12px; border: 1px solid #dde4df; background: #f9fbfa; color: #1c1f1d; outline: none; min-height: 44px; font-family: inherit; font-size: .9rem; transition: .2s; }
    .wa-compose textarea:focus { border-color: #25d366; box-shadow: 0 0 0 2px rgba(37,211,102,.15); background: #fff; }
    .wa-send { background: #25d366; color: #fff; border: 0; border-radius: 12px; padding: 0 16px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: .2s; }
    .wa-send:hover { background: #1fb85a; transform: scale(1.04); }

    @media (max-width: 1199.98px) {
      .nav-link { padding-inline: .52rem !important; font-size: 13px; }
      .brand-text { font-size: 19px; }
      .hero-title { font-size: clamp(62px, 9vw, 118px); }
      .hero-image-card { width: min(100%, 500px); }
    }

    @media (max-width: 991.98px) {
      .navbar-collapse { margin-top: 10px; padding: 14px; border: 1.5px solid var(--dark); background: #fff; box-shadow: 6px 6px 0 var(--dark); }
      .nav-link::after { display: none; }
      .nav-link { padding: .72rem .4rem !important; }
      .btn-accent.nav-cta { width: 100%; margin-top: 10px; clip-path: none; }
      .section { padding: 80px 0; }
      .hero { min-height: auto; padding: var(--nav-h) 0 56px; }
      .hero::before { height: 220px; }
      .hero-shell { min-height: auto; padding-top: 36px; }
      .hero-copy { min-height: auto; padding: 0; }
      .hero-media { min-height: 0; padding: 28px 0 0; }
      .hero-image-card { width: min(100%, 620px); height: auto; min-height: 0; aspect-ratio: 16 / 10; box-shadow: 12px 12px 0 var(--accent), 0 18px 52px rgba(0,0,0,.38); }
      .hero-img { object-fit: contain; }
      .hero-actions-mobile { margin-top: 18px; }
    }

    @media (max-width: 767.98px) {
      :root { --nav-h: 66px; }
      .brand-logo { height: 36px; }
      .brand-text { font-size: 17px; max-width: calc(100vw - 124px); overflow: hidden; text-overflow: ellipsis; }
      .hero { padding: var(--nav-h) 0 48px; }
      .hero-shell { padding-top: 30px; }
      .hero-title { font-size: clamp(54px, 16vw, 86px); }
      .hero-lead { font-size: 16px; }
      .hero-secondary { font-size: 14.5px; }
      .hero-image-card { aspect-ratio: 4 / 3; box-shadow: 8px 8px 0 var(--accent), 0 14px 42px rgba(0,0,0,.36); }
      .fact-grid { grid-template-columns: 1fr; }
      .contact-panel { padding: 24px 18px; }
      .contact-big-label { display: none; }
      .footer-bg-text { font-size: 126px; }
    }

    @media (max-width: 575.98px) {
      .section { padding: 62px 0; }
      .section-title { font-size: clamp(38px, 12vw, 56px); }
      .hero-title { letter-spacing: .018em; }
      .hero-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
      .hero-actions a { width: 100%; }
      .gal-frame { height: clamp(210px, 40vh, 360px); }
      .gal-gallery .carousel-control-prev, .gal-gallery .carousel-control-next { width: 42px; height: 42px; margin: 0 6px; }
      .gal-lightbox-nav { width: 38px; height: 38px; line-height: 38px; }
      .accordion-button { font-size: 16px; padding-inline: 16px; align-items: flex-start; }
      .faq-num { font-size: 24px; margin-right: 10px; }
      .footer-bottom { flex-direction: column; text-align: center; padding-bottom: 92px; }
      .wa-float { right: 12px; bottom: 12px; }
      .wa-btn { width: 56px; height: 56px; }
      .wa-card { width: calc(100vw - 24px); right: 0; bottom: 70px; }
    }

/* ===== INLINE <style> BLOCK #2 ===== */
.hero {
      width: 100%;
      min-height: 100vh;
      min-height: 100svh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      position: relative;
      overflow: hidden;
      isolation: isolate;
      padding: var(--nav-h) 0 0;
      background: #030303;
      color: #fff;
    }

    .hero::before { display: none; }

    .hero-video-wrap {
      position: relative;
      z-index: 0;
      width: 100%;
      height: clamp(420px, 58vh, 680px);
      margin-top: 0;
      overflow: hidden;
      pointer-events: none;
      background: #181f20;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .hero-img {
      width: 100%;
      height: 100%;
      object-fit: cover !important;
      object-position: center center;
      transform: none;
      filter: contrast(1.04) saturate(1.02);
      background: #181f20;
    }

    .hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(24,31,32,0) 0%, rgba(24,31,32,.03) 56%, rgba(3,3,3,.62) 86%, #030303 100%);
      pointer-events: none;
    }

    .hero-noise {
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
      background-size: 200px;
      opacity: .45;
      pointer-events: none;
      z-index: 1;
    }

    .hero-content {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0;
      width: 100%;
      max-width: none;
      min-height: clamp(225px, 30vh, 350px);
      margin-top: clamp(4px, 1.2vw, 18px);
      padding: clamp(24px, 3.2vw, 42px) 24px clamp(30px, 3.8vw, 52px);
      background: #030303;
      box-shadow: 0 -18px 54px rgba(0,0,0,.7);
      text-align: center;
    }

    .hero-kicker {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-bottom: 12px;
      font-family: var(--mono);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--accent);
    }

    .hero-kicker::before,
    .hero-kicker::after {
      content: '';
      width: 28px;
      height: 1px;
      background: rgba(254,218,0,.7);
    }

    .hero-title {
      width: 100%;
      max-width: 100%;
      font-family: var(--display);
      font-size: clamp(90px, 19vw, 255px);
      font-weight: 700;
      line-height: .76;
      letter-spacing: .02em;
      text-transform: uppercase;
      text-align: center;
      color: #fff;
      margin: 0;
      overflow-wrap: normal;
      white-space: nowrap;
      text-shadow: none;
    }

    .hero-title.is-looping { animation: fadeUpLoop 5s cubic-bezier(.22,1,.36,1) infinite; will-change: transform,opacity; }
    .hero-title .char { display: inline-block; opacity: 1; filter: blur(0); transform: none; will-change: transform,opacity,filter; }
    .hero-title.is-looping .char { animation: charInLoop 5s cubic-bezier(.22,1,.36,1) infinite; }
    .hero-title .word { display: inline-block; white-space: nowrap; }
    .hero-title .space { display: inline-block; width: .12em; }

    .hero-line {
      width: clamp(70px, 7vw, 124px);
      height: 3px;
      background: var(--accent);
      margin: 16px auto 0;
    }

    .hero-scroll {
      margin-top: 18px;
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: rgba(255,255,255,.44);
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .hero-scroll::before {
      content: '';
      width: 36px;
      height: 1px;
      background: rgba(255,255,255,.2);
    }

    @keyframes fadeUpLoop { 0% { opacity: .001; transform: translateY(40px); } 18%, 100% { opacity: 1; transform: none; } }
    @keyframes charInLoop { 0% { opacity: .001; filter: blur(12px); transform: translateY(12px); } 14%, 100% { opacity: 1; filter: blur(0); transform: none; } }

    @media (min-width: 1400px) {
      .hero-video-wrap {
        width: 100%;
        height: clamp(470px, 59vh, 720px);
        margin-top: 0;
      }

      .hero-content {
        min-height: 330px;
        padding-bottom: 50px;
      }

      .hero-title { font-size: clamp(170px, 16vw, 285px); }
    }

    @media (max-width: 1199.98px) {
      .hero-video-wrap {
        width: 100%;
        height: clamp(330px, 52vh, 560px);
        margin-top: 0;
      }

      .hero-content { min-height: clamp(205px, 30vh, 310px); }
      .hero-title { font-size: clamp(86px, 18vw, 190px); }
    }

    @media (max-width: 767.98px) {
      .hero {
        min-height: auto;
        padding: var(--nav-h) 0 0;
      }

      .hero-video-wrap {
        width: 100%;
        height: clamp(285px, 48vh, 430px);
        margin-top: 0;
      }

      .hero-img {
        object-fit: cover !important;
        object-position: center center;
        background: #181f20;
      }

      .hero-overlay {
        height: auto;
        background: linear-gradient(180deg, rgba(24,31,32,0) 0%, rgba(24,31,32,.04) 62%, rgba(3,3,3,.68) 92%, #030303 100%);
      }

      .hero-content {
        min-height: auto;
        margin-top: 0;
        padding: 12px 16px 26px;
        box-shadow: 0 -10px 34px rgba(0,0,0,.68);
      }

      .hero-kicker {
        font-size: 9px;
        letter-spacing: .14em;
        margin-bottom: 9px;
      }

      .hero-kicker::before,
      .hero-kicker::after { width: 18px; }

      .hero-title {
        font-size: clamp(78px, 25vw, 116px);
        line-height: .8;
        letter-spacing: .03em;
      }

      .hero-line { margin-top: 10px; }
      .hero-scroll { margin-top: 12px; font-size: 9px; }
    }

    @media (max-width: 390px) {
      .hero-video-wrap { height: clamp(260px, 45vh, 360px); }
      .hero-title { font-size: clamp(68px, 24vw, 96px); letter-spacing: .025em; }
    }

/* ===== INLINE <style> BLOCK #3 ===== */
#servicios,
    #contacto {
      background: #181f20 !important;
      color: #fff;
      position: relative;
      overflow: hidden;
      isolation: isolate;
    }

    #servicios::before,
    #contacto::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: -2;
      background:
        radial-gradient(circle at 12% 10%, rgba(254,218,0,.16), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(254,218,0,.09), transparent 30%),
        linear-gradient(180deg, #181f20 0%, #121819 100%);
      pointer-events: none;
    }

    #servicios::after,
    #contacto::after {
      content: '';
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: .22;
      pointer-events: none;
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size: 44px 44px;
      mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 88%);
    }

    #servicios .eyebrow,
    #contacto .eyebrow,
    #contacto .form-label {
      color: var(--accent);
    }

    #servicios .eyebrow::before,
    #contacto .eyebrow::before {
      background: var(--accent);
    }

    #servicios .section-title,
    #contacto .section-title {
      color: #fff;
      text-shadow: 0 16px 42px rgba(0,0,0,.28);
    }

    #servicios .section-subtitle,
    #contacto .section-subtitle {
      color: rgba(255,255,255,.72);
    }

    #servicios .service-card {
      background: rgba(255,255,255,.045);
      color: #fff;
      border-color: rgba(254,218,0,.46);
      box-shadow: 0 18px 46px rgba(0,0,0,.18);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    #servicios .service-card::after {
      box-shadow: 5px 5px 0 rgba(254,218,0,.34);
    }

    #servicios .service-card h3 {
      color: #fff;
    }

    #servicios .service-card p {
      color: rgba(255,255,255,.68);
    }

    #servicios .service-num {
      color: rgba(254,218,0,.2);
    }

    #servicios .service-card:hover {
      background: var(--accent);
      color: var(--dark);
      border-color: var(--accent);
      box-shadow: 0 24px 56px rgba(0,0,0,.24);
    }

    #servicios .service-card:hover h3 {
      color: var(--dark);
    }

    #servicios .service-card:hover p {
      color: rgba(27,23,27,.78);
    }

    #servicios .service-card:hover .service-num {
      color: rgba(27,23,27,.18);
    }

    #contacto .contact-big-label {
      color: rgba(254,218,0,.08);
    }

    #contacto .contact-details {
      gap: 12px;
    }

    #contacto .contact-detail {
      background: rgba(255,255,255,.055);
      color: rgba(255,255,255,.9);
      border-left-color: var(--accent);
      border-top: 1px solid rgba(254,218,0,.18);
      border-right: 1px solid rgba(254,218,0,.18);
      border-bottom: 1px solid rgba(254,218,0,.18);
      box-shadow: 0 14px 34px rgba(0,0,0,.16);
    }

    #contacto .contact-detail strong {
      color: var(--accent);
    }

    #contacto .contact-detail a {
      color: #fff;
      transition: color .18s var(--ease);
    }

    #contacto .contact-detail a:hover {
      color: var(--accent);
    }

    #contacto .contact-panel {
      background: rgba(3,3,3,.36);
      border: 1px solid rgba(254,218,0,.35);
      box-shadow: 8px 8px 0 rgba(254,218,0,.86), 0 26px 70px rgba(0,0,0,.24);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }

    #contacto .form-control,
    #contacto .form-select {
      background: rgba(255,255,255,.075);
      border-color: rgba(255,255,255,.2);
      color: #fff;
    }

    #contacto .form-control::placeholder {
      color: rgba(255,255,255,.38);
    }

    #contacto .form-control:focus,
    #contacto .form-select:focus {
      border-color: var(--accent);
      background: rgba(255,255,255,.12);
      color: #fff;
    }

    #contacto .form-select option {
      background: #181f20;
      color: #fff;
    }

    #contacto .btn-submit {
      background: var(--accent);
      color: #181f20;
      box-shadow: none;
    }

    #contacto .btn-submit:hover {
      background: #fff;
      color: #181f20;
      box-shadow: 4px 4px 0 rgba(254,218,0,.45);
    }

    @media (max-width: 575.98px) {
      #contacto .contact-panel {
        box-shadow: 6px 6px 0 rgba(254,218,0,.86), 0 18px 46px rgba(0,0,0,.22);
      }
    }

/* ===== INLINE <style> BLOCK #4 ===== */
#destacados.featured-products {
      background: #181f20 !important;
      color: #fff !important;
      position: relative;
      overflow: hidden;
      isolation: isolate;
    }

    #destacados.featured-products::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: -2;
      background:
        radial-gradient(circle at 14% 8%, rgba(254,218,0,.15), transparent 34%),
        radial-gradient(circle at 86% 22%, rgba(254,218,0,.09), transparent 30%),
        linear-gradient(180deg, #181f20 0%, #121819 100%);
      pointer-events: none;
    }

    #destacados.featured-products::after {
      content: '';
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: .22;
      pointer-events: none;
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size: 44px 44px;
      mask-image: linear-gradient(180deg, rgba(0,0,0,.92), transparent 92%);
    }

    #destacados .eyebrow,
    #destacados .featured-product-kicker {
      color: var(--accent) !important;
    }

    #destacados .eyebrow::before,
    #destacados .featured-product-kicker::before {
      background: var(--accent) !important;
    }

    #destacados .section-title,
    #destacados .featured-product-title {
      color: #fff !important;
      text-shadow: 0 16px 42px rgba(0,0,0,.28);
    }

    #destacados .featured-products-head p,
    #destacados .featured-product-desc {
      color: rgba(255,255,255,.72) !important;
    }

    #destacados .featured-product-row {
      border-top-color: rgba(254,218,0,.22) !important;
    }

    #destacados .featured-chip {
      background: rgba(255,255,255,.055) !important;
      border-color: rgba(254,218,0,.34) !important;
      color: rgba(255,255,255,.92) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    }

    #destacados .featured-product-link {
      background: var(--accent) !important;
      color: #181f20 !important;
      box-shadow: 0 14px 34px rgba(0,0,0,.2);
    }

    #destacados .featured-product-link:hover {
      background: #fff !important;
      color: #181f20 !important;
      transform: translateY(-2px);
    }

    #destacados .featured-product-frame {
      background: #101617 !important;
      border-color: rgba(254,218,0,.28) !important;
      box-shadow: 14px 14px 0 rgba(254,218,0,.86), 0 24px 70px rgba(0,0,0,.38) !important;
    }

    #destacados .featured-product-img-wrap,
    #destacados .featured-product-img {
      background: #101617 !important;
    }

    #destacados.featured-products .carousel-control-prev,
    #destacados.featured-products .carousel-control-next {
      background: rgba(254,218,0,.86) !important;
      box-shadow: 0 10px 28px rgba(0,0,0,.26);
    }

    #destacados.featured-products .carousel-control-prev:hover,
    #destacados.featured-products .carousel-control-next:hover {
      background: #fff !important;
    }

    #destacados.featured-products .carousel-indicators button {
      background: rgba(254,218,0,.48) !important;
    }

    #destacados.featured-products .carousel-indicators button.active {
      background: #fff !important;
    }

    @media (max-width: 991.98px) {
      #destacados .featured-product-frame {
        box-shadow: 10px 10px 0 rgba(254,218,0,.86), 0 18px 48px rgba(0,0,0,.34) !important;
      }
    }

/* ===== INLINE <style> BLOCK #5 ===== */
.hero-title,
    .section-title,
    .featured-product-title,
    .contact-big-label,
    .footer-bg-text {
      font-weight: 800;
      letter-spacing: .006em;
    }

    .brand-text,
    .nav-link,
    .btn-accent,
    .btn-outline-dark-brand,
    .btn-submit,
    .featured-product-link,
    .featured-chip,
    .service-card h3,
    .why-card h3,
    .accordion-button,
    .footer-brand-name,
    .footer-list a {
      letter-spacing: .045em;
    }

    .hero-kicker,
    .eyebrow,
    .featured-product-kicker,
    .form-label,
    .footer-col-title {
      font-family: var(--mono);
    }

/* ===== INLINE <style> BLOCK #6 ===== */
#inicio .hero-title {
      font-family: var(--original-display) !important;
      font-weight: 700 !important;
      letter-spacing: .045em;
    }

    .site-nav .brand-text {
      font-family: var(--original-display) !important;
      font-weight: 700 !important;
      letter-spacing: .035em;
    }

    #quienes-somos .section-title,
    #quienes-somos .quote-line,
    #quienes-somos .fact-card {
      font-family: var(--original-display) !important;
      font-weight: 700 !important;
    }

    #quienes-somos .section-title,
    #quienes-somos .quote-line {
      letter-spacing: .018em;
    }

    #quienes-somos .ziggurat-phrase-title {
      font-family: var(--ziggurat) !important;
      font-weight: 800 !important;
      font-size: clamp(42px, 5.15vw, 72px);
      line-height: .94;
      letter-spacing: .006em;
      max-width: 520px;
      margin-bottom: 30px;
    }

    #quienes-somos .fact-card {
      letter-spacing: .06em;
    }

/* ===== INLINE <style> BLOCK #7 ===== */
#quienes-somos .row {
      align-items: center !important;
    }

    #quienes-somos .about-copy-stack {
      width: 100%;
      max-width: 620px;
      margin-left: clamp(0px, 1vw, 18px);
    }

    #quienes-somos .about-media-wrap {
      width: min(100%, 380px);
      margin: 0 0 24px;
    }

    #quienes-somos .about-fade-ticker {
      position: relative;
      width: 100%;
      height: 218px;
      overflow: hidden;
      background: #181f20;
      border: 1px solid rgba(27,23,27,.14);
      box-shadow: 7px 7px 0 var(--accent), 0 16px 38px rgba(27,23,27,.11);
      isolation: isolate;
    }

    #quienes-somos .about-fade-ticker::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
      background: radial-gradient(circle at 18% 18%, rgba(254,218,0,.12), transparent 36%);
    }

    #quienes-somos .about-fade-ticker::after {
      content: '';
      position: absolute;
      inset: 9px;
      z-index: 4;
      border: 1px solid rgba(255,255,255,.16);
      pointer-events: none;
    }

    #quienes-somos .about-fade-ticker img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
      opacity: 0;
      padding: 16px;
      transform: scale(.985);
      filter: contrast(1.03) saturate(1.02);
      animation: aboutImageDissolve 12s infinite;
    }

    #quienes-somos .about-fade-ticker img:nth-child(1) { animation-delay: 0s; }
    #quienes-somos .about-fade-ticker img:nth-child(2) { animation-delay: 4s; }
    #quienes-somos .about-fade-ticker img:nth-child(3) { animation-delay: 8s; }

    #quienes-somos .about-fade-caption {
      display: flex;
      align-items: center;
      min-height: 34px;
      margin-top: 8px;
      padding: 0 12px;
      background: #1b171b;
      color: #fff;
      border-left: 4px solid var(--accent);
      font-family: var(--mono);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .105em;
      line-height: 1.2;
      text-transform: uppercase;
      box-shadow: 4px 4px 0 rgba(254,218,0,.22);
    }

    #quienes-somos .lead-copy {
      max-width: 620px;
    }

    #quienes-somos .lead-copy p {
      margin-bottom: 22px;
    }

    @keyframes aboutImageDissolve {
      0% { opacity: 0; transform: scale(.98); }
      9% { opacity: 1; transform: scale(1); }
      32% { opacity: 1; transform: scale(1); }
      42% { opacity: 0; transform: scale(1.01); }
      100% { opacity: 0; transform: scale(.98); }
    }

    @media (max-width: 991.98px) {
      #quienes-somos .about-copy-stack {
        max-width: 100%;
        margin-left: 0;
      }

      #quienes-somos .about-media-wrap {
        width: min(100%, 420px);
        margin-top: 0;
      }

      #quienes-somos .about-fade-ticker {
        height: clamp(200px, 38vw, 255px);
        box-shadow: 7px 7px 0 var(--accent), 0 14px 34px rgba(27,23,27,.11);
      }

      #quienes-somos .ziggurat-phrase-title {
        max-width: 620px;
      }
    }

    @media (max-width: 575.98px) {
      #quienes-somos .ziggurat-phrase-title {
        font-size: clamp(40px, 13vw, 58px);
        line-height: .96;
        margin-bottom: 24px;
      }

      #quienes-somos .about-media-wrap {
        width: min(100%, 340px);
        margin: 0 auto 24px;
      }

      #quienes-somos .about-fade-ticker {
        height: 205px;
        box-shadow: 6px 6px 0 var(--accent), 0 12px 28px rgba(27,23,27,.12);
      }

      #quienes-somos .about-fade-ticker img { padding: 14px; }
      #quienes-somos .about-fade-ticker::after { inset: 8px; }

      #quienes-somos .about-fade-caption {
        min-height: 32px;
        font-size: 8.2px;
        letter-spacing: .08em;
        padding-inline: 10px;
      }
    }

/* ===== INLINE <style> BLOCK #8 ===== */
@media (max-width: 991.98px) {
      .site-nav {
        max-width: 100vw;
        overflow-x: clip;
      }

      .site-nav > .container {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
      }

      .site-nav .navbar-brand {
        flex: 1 1 auto;
        min-width: 0;
        max-width: calc(100% - 56px);
        margin-right: 8px;
      }

      .site-nav .brand-logo {
        flex: 0 0 auto;
      }

      .site-nav .brand-text {
        display: block;
        flex: 1 1 auto;
        min-width: 0;
        max-width: calc(100vw - 142px) !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .site-nav .navbar-toggler {
        flex: 0 0 44px;
        width: 44px;
        margin-left: auto;
      }

      .site-nav .navbar-collapse {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
      }

      .site-nav .navbar-collapse.collapse:not(.show) {
        display: none;
      }

      .site-nav .navbar-collapse.collapsing {
        height: 0;
        overflow: hidden;
      }

      .site-nav .navbar-nav {
        width: 100%;
        align-items: stretch !important;
      }

      .site-nav .navbar-nav .nav-link,
      .site-nav .navbar-nav .nav-cta {
        width: 100%;
      }
    }

    @media (max-width: 390px) {
      .site-nav .brand-text {
        font-size: 15px !important;
        letter-spacing: .025em !important;
        max-width: calc(100vw - 132px) !important;
      }
    }

/* ===== INLINE <style> BLOCK #9 ===== */
@media (max-width: 575.98px) {
      html,
      body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
      }

      main,
      section,
      footer,
      .container,
      .row,
      [class*="col-"] {
        min-width: 0;
      }

      .section-title,
      .featured-product-title,
      #quienes-somos .ziggurat-phrase-title,
      .service-card h3,
      .why-card h3,
      .accordion-button,
      .contact-detail strong,
      .footer-brand-name,
      .footer-list a,
      .featured-chip,
      .featured-product-link,
      .btn-accent,
      .btn-outline-dark-brand,
      .btn-submit {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        hyphens: auto;
      }

      .section-title {
        font-size: clamp(34px, 10.4vw, 46px) !important;
        line-height: 1;
        letter-spacing: .004em;
      }

      #servicios .section-title,
      #destacados .section-title,
      #trabajos .section-title,
      #contacto .section-title {
        font-size: clamp(32px, 9.8vw, 42px) !important;
        line-height: 1.03;
      }

      #quienes-somos .ziggurat-phrase-title {
        font-size: clamp(36px, 11.2vw, 50px) !important;
        line-height: .98;
        letter-spacing: .002em;
      }

      .featured-product-copy,
      .featured-product-media,
      .featured-product-row,
      .featured-products-head {
        width: 100%;
        max-width: 100%;
        min-width: 0;
      }

      .featured-product-title {
        font-size: clamp(34px, 10.6vw, 44px) !important;
        line-height: .98;
        letter-spacing: .002em;
        text-wrap: balance;
      }

      .featured-product-desc,
      .featured-products-head p,
      .section-subtitle,
      .lead-copy {
        max-width: 100%;
        overflow-wrap: break-word;
      }

      .featured-product-meta {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .featured-chip {
        min-width: 0;
        max-width: 100%;
        min-height: 32px;
        padding: 8px 11px;
        font-size: 11.5px;
        line-height: 1.15;
        letter-spacing: .04em !important;
        text-align: center;
      }

      .featured-product-link,
      .btn-accent,
      .btn-outline-dark-brand,
      .btn-submit {
        min-width: 0;
        line-height: 1.18;
        text-align: center;
      }

      .featured-product-link {
        padding: 13px 14px;
        letter-spacing: .045em !important;
      }

      .service-card h3,
      .why-card h3 {
        font-size: 18px;
        line-height: 1.16;
        letter-spacing: .025em !important;
      }

      .accordion-button {
        gap: 8px;
        line-height: 1.18;
      }

      .faq-num {
        flex: 0 0 auto;
      }
    }

    @media (max-width: 390px) {
      .section-title {
        font-size: clamp(30px, 9.5vw, 38px) !important;
      }

      #servicios .section-title,
      #destacados .section-title,
      #trabajos .section-title,
      #contacto .section-title {
        font-size: clamp(29px, 9.2vw, 36px) !important;
      }

      .featured-product-title {
        font-size: clamp(30px, 9.7vw, 38px) !important;
        line-height: 1;
      }

      #quienes-somos .ziggurat-phrase-title {
        font-size: clamp(32px, 10.5vw, 44px) !important;
      }

      .featured-chip {
        font-size: 11px;
        letter-spacing: .032em !important;
        padding-inline: 9px;
      }
    }

/* ===== INLINE <style> BLOCK #10 ===== */
:root {
  --accent: #feda00;
  --accent-strong: #d0b200;
  --dark: #050505;
  --ink: #111111;
  --paper: #ffffff;
  --soft: #f7f7f2;
  --muted: #5d5d5d;
  --line: rgba(5,5,5,.12);
}
body {
  background: #fff;
  color: #111;
}
.site-nav {
  background: rgba(255,255,255,.94);
}
.brand-logo,
.footer-logo {
  height: 42px;
}
.brand-text {
  font-size: 18px;
}
.hero {
  background: #050505;
}
.hero-video-wrap {
  background: #050505;
}
.hero-img {
  object-fit: cover !important;
  object-position: center center;
  background: #050505;
}
.hero-content {
  background: #050505;
}
.hero-kicker,
.eyebrow,
#servicios .eyebrow,
#contacto .eyebrow,
.featured-product-kicker {
  color: var(--accent) !important;
}
.hero-kicker::before,
.hero-kicker::after,
.eyebrow::before,
.featured-product-kicker::before {
  background: var(--accent) !important;
}
.hero-intro {
  width: min(100%, 820px);
  margin: 18px auto 0;
  color: rgba(255,255,255,.78);
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 1.7;
  font-family: var(--body);
}
.hero-actions-centered {
  justify-content: center;
  margin-top: 24px;
}
.hero-actions-centered .btn-outline-dark-brand {
  color: #fff;
  border-color: rgba(255,255,255,.55);
}
.hero-actions-centered .btn-outline-dark-brand:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #050505;
}
#servicios,
#contacto {
  background: #ffffff !important;
  color: #111111 !important;
}
#servicios::before,
#servicios::after,
#contacto::before,
#contacto::after {
  display: none !important;
}
#servicios .section-title,
#contacto .section-title {
  color: #050505 !important;
  text-shadow: none !important;
}
#servicios .section-subtitle,
#contacto .section-subtitle {
  color: var(--muted) !important;
}
#servicios .service-card {
  background: #fff !important;
  color: #111 !important;
  border-color: #050505 !important;
  box-shadow: none !important;
}
#servicios .service-card h3 {
  color: #050505 !important;
}
#servicios .service-card p {
  color: var(--muted) !important;
}
#servicios .service-card::after {
  box-shadow: 5px 5px 0 #050505 !important;
}
#servicios .service-card:hover {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #050505 !important;
}
#destacados.featured-products {
  background: #050505 !important;
}
#destacados .featured-product-frame {
  background: #101010 !important;
  border-color: rgba(254,218,0,.32) !important;
  box-shadow: 14px 14px 0 rgba(254,218,0,.86), 0 24px 70px rgba(0,0,0,.38) !important;
}
.featured-product-img {
  object-fit: contain !important;
  background: #101010;
}
#contacto .contact-panel {
  background: #050505 !important;
  border: 1px solid rgba(254,218,0,.55) !important;
  box-shadow: 8px 8px 0 var(--accent), 0 26px 70px rgba(0,0,0,.18) !important;
}
#contacto .contact-detail {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--accent) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.06) !important;
}
#contacto .contact-detail strong {
  color: #050505 !important;
}
#contacto .contact-detail a {
  color: #111 !important;
}
#contacto .contact-detail a:hover {
  color: #c2a600 !important;
}
#contacto .form-label {
  color: var(--accent) !important;
}
.footer {
  background: var(--accent);
}
.footer-brand-name {
  font-size: 20px;
}
.footer-tagline,
.footer-list li:not(:has(a)),
.footer-list a,
.footer-bottom,
.footer-bottom a {
  color: rgba(5,5,5,.86);
}
.footer-list a:hover,
.footer-bottom a:hover {
  color: #fff;
}
.wa-avatar img {
  object-fit: contain;
}
@media (max-width: 767.98px) {
  .brand-logo { height: 38px; }
  .brand-text { font-size: 16px; }
  .hero-intro { font-size: 14.5px; line-height: 1.58; }
  .hero-actions-centered {
    display: grid;
    grid-template-columns: 1fr;
    width: min(100%, 420px);
  }
}

/* ===== INLINE <style> BLOCK #11 ===== */
/* FIX FINAL HERO: no agrandar/cortar la imagen principal */
  #inicio.hero {
    min-height: auto !important;
    padding-top: var(--nav-h) !important;
    background: #050505 !important;
    overflow: hidden !important;
  }

  #inicio .hero-video-wrap {
    position: relative !important;
    width: 100% !important;
    height: clamp(430px, 54vh, 640px) !important;
    max-height: calc(100vh - var(--nav-h) - 255px) !important;
    min-height: 390px !important;
    overflow: hidden !important;
    background: #050505 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #inicio .hero-video-wrap::before {
    content: '' !important;
    position: absolute !important;
    inset: -34px !important;
    z-index: 0 !important;
    background-image:
      linear-gradient(90deg, rgba(5,5,5,.86) 0%, rgba(5,5,5,.22) 26%, rgba(5,5,5,.22) 74%, rgba(5,5,5,.86) 100%),
      url('img/hero.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    filter: blur(18px) saturate(1.04) contrast(1.04) !important;
    transform: scale(1.06) !important;
    opacity: .46 !important;
  }

  #inicio .hero-img {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: min(100%, 1420px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: clamp(12px, 1.5vw, 22px) !important;
    background: transparent !important;
    transform: none !important;
    filter: contrast(1.04) saturate(1.04) !important;
  }

  #inicio .hero-overlay {
    z-index: 3 !important;
    background:
      linear-gradient(180deg, rgba(5,5,5,.04) 0%, rgba(5,5,5,0) 48%, rgba(5,5,5,.48) 84%, #050505 100%),
      linear-gradient(90deg, rgba(5,5,5,.55) 0%, rgba(5,5,5,0) 18%, rgba(5,5,5,0) 82%, rgba(5,5,5,.55) 100%) !important;
  }

  #inicio .hero-noise { z-index: 4 !important; opacity: .28 !important; }

  #inicio .hero-content {
    min-height: 0 !important;
    margin-top: 0 !important;
    padding: clamp(20px, 2.4vw, 34px) 20px clamp(30px, 3vw, 42px) !important;
    background: #050505 !important;
    box-shadow: 0 -18px 54px rgba(0,0,0,.72) !important;
  }

  #inicio .hero-title {
    font-size: clamp(76px, 12.2vw, 172px) !important;
    line-height: .86 !important;
    letter-spacing: .035em !important;
    white-space: nowrap !important;
    max-width: 100% !important;
  }

  #inicio .hero-kicker { margin-bottom: 10px !important; }
  #inicio .hero-line { margin-top: 14px !important; }
  #inicio .hero-intro { margin-top: 16px !important; }
  #inicio .hero-actions-centered { margin-top: 20px !important; }
  #inicio .hero-scroll { display: none !important; }

  @media (min-width: 1400px) {
    #inicio .hero-video-wrap {
      height: clamp(480px, 55vh, 660px) !important;
      max-height: calc(100vh - var(--nav-h) - 280px) !important;
    }
    #inicio .hero-title { font-size: clamp(120px, 11vw, 180px) !important; }
  }

  @media (max-width: 991.98px) {
    #inicio .hero-video-wrap {
      height: clamp(330px, 48vh, 500px) !important;
      max-height: none !important;
      min-height: 300px !important;
    }
    #inicio .hero-img { max-width: min(100%, 980px) !important; padding: 10px !important; }
    #inicio .hero-title { font-size: clamp(66px, 16vw, 126px) !important; }
  }

  @media (max-width: 767.98px) {
    #inicio.hero { padding-top: var(--nav-h) !important; }
    #inicio .hero-video-wrap {
      height: clamp(250px, 42vh, 360px) !important;
      min-height: 245px !important;
    }
    #inicio .hero-video-wrap::before {
      inset: -22px !important;
      filter: blur(14px) saturate(1.03) contrast(1.03) !important;
      opacity: .54 !important;
    }
    #inicio .hero-img {
      object-fit: contain !important;
      object-position: center center !important;
      padding: 8px !important;
    }
    #inicio .hero-overlay {
      background: linear-gradient(180deg, rgba(5,5,5,0) 0%, rgba(5,5,5,.22) 70%, #050505 100%) !important;
    }
    #inicio .hero-content { padding: 14px 16px 28px !important; }
    #inicio .hero-title {
      font-size: clamp(54px, 18vw, 90px) !important;
      line-height: .9 !important;
      letter-spacing: .028em !important;
    }
    #inicio .hero-intro { font-size: 14.5px !important; line-height: 1.56 !important; }
  }

  @media (max-width: 420px) {
    #inicio .hero-video-wrap { height: clamp(220px, 38vh, 320px) !important; min-height: 220px !important; }
    #inicio .hero-title { font-size: clamp(46px, 17vw, 72px) !important; }
    #inicio .hero-kicker { font-size: 8.5px !important; letter-spacing: .11em !important; }
  }

/* ===== INLINE <style> BLOCK #12 ===== */
:root {
    --accent: #c89500;
    --accent-bright: #f4c313;
    --accent-strong: #725500;
    --accent-rgb: 200, 149, 0;
    --dark: #0d1314;
    --dark-2: #151c1d;
    --ink: #111314;
    --paper: #fbf8ef;
    --soft: #eee7d9;
    --muted: #585858;
    --line: rgba(13,19,20,.14);
  }

  html,
  body {
    background: var(--paper) !important;
    color: var(--ink) !important;
  }

  body::after { opacity: .018 !important; }

  .site-nav {
    background: rgba(251,248,239,.94) !important;
    border-bottom-color: rgba(13,19,20,.12) !important;
  }

  .site-nav.is-scrolled {
    background: rgba(251,248,239,.985) !important;
    box-shadow: 0 2px 0 rgba(13,19,20,.10), 0 14px 38px rgba(13,19,20,.10) !important;
  }

  .navbar-collapse { background: var(--paper) !important; }

  .navbar-toggler:focus,
  .accordion-button:focus,
  .form-control:focus,
  .form-select:focus {
    box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .24) !important;
  }

  .nav-link:hover,
  .eyebrow,
  .featured-product-kicker { color: var(--accent-strong) !important; }

  .nav-link::after,
  .eyebrow::before,
  .featured-product-kicker::before,
  .hero-line,
  .fact-card::before,
  .why-card::before { background: var(--accent) !important; }

  .btn-accent,
  .btn-outline-dark-brand:hover,
  .fact-card:hover,
  .service-card:hover,
  .featured-product-link,
  .btn-submit {
    background: var(--accent) !important;
    border-color: var(--accent) !important;
    color: var(--dark) !important;
  }

  .btn-accent:hover,
  .featured-product-link:hover,
  .btn-submit:hover {
    background: var(--dark) !important;
    border-color: var(--dark) !important;
    color: #fff !important;
  }

  .section,
  #quienes-somos,
  #por-que-elegirnos,
  #faqs {
    background:
      radial-gradient(circle at 8% 10%, rgba(var(--accent-rgb), .055), transparent 30%),
      linear-gradient(180deg, var(--paper) 0%, #f7f2e7 100%) !important;
  }

  .section-paper,
  #trabajos.section-paper {
    background:
      radial-gradient(circle at 92% 0%, rgba(var(--accent-rgb), .075), transparent 28%),
      linear-gradient(180deg, var(--soft) 0%, #e9dfce 100%) !important;
  }

  .section-title,
  .featured-product-title,
  .service-card h3,
  .why-card h3,
  .accordion-button,
  .brand-text { color: var(--dark) !important; }

  .section-subtitle,
  .lead-copy,
  .service-card p,
  .why-card p,
  .accordion-body,
  .featured-product-desc,
  .featured-products-head p { color: rgba(17,19,20,.72) !important; }

  .quote-line,
  .service-card,
  .why-card,
  .accordion-item,
  .accordion-button,
  .gal-frame,
  .contact-detail {
    background: #fffdf7 !important;
    border-color: rgba(13,19,20,.16) !important;
  }

  .quote-line {
    border-left-color: var(--accent) !important;
    box-shadow: 5px 5px 0 rgba(var(--accent-rgb), .24) !important;
  }

  .fact-card,
  .icon-mark {
    background: var(--dark) !important;
    color: #fff !important;
  }

  .why-card:hover { border-color: rgba(var(--accent-rgb), .45) !important; }
  .why-card:hover .icon-mark { background: var(--accent) !important; color: var(--dark) !important; }
  .accordion-item:has(.accordion-button:not(.collapsed)) { border-color: var(--accent) !important; }
  .accordion-button:not(.collapsed) { box-shadow: inset 0 -2px 0 var(--accent) !important; }
  .faq-num { color: rgba(var(--accent-rgb), .72) !important; }

  #inicio.hero,
  #inicio .hero-content,
  #inicio .hero-video-wrap,
  .hero,
  .hero-content,
  .hero-video-wrap { background: #050708 !important; }

  #inicio .hero-video-wrap::before {
    background-image:
      linear-gradient(90deg, rgba(5,7,8,.88) 0%, rgba(5,7,8,.18) 26%, rgba(5,7,8,.18) 74%, rgba(5,7,8,.88) 100%),
      url('img/hero.png') !important;
  }

  #inicio .hero-overlay {
    background:
      linear-gradient(180deg, rgba(5,7,8,.04) 0%, rgba(5,7,8,0) 48%, rgba(5,7,8,.56) 84%, #050708 100%),
      linear-gradient(90deg, rgba(5,7,8,.58) 0%, rgba(5,7,8,0) 18%, rgba(5,7,8,0) 82%, rgba(5,7,8,.58) 100%) !important;
  }

  .hero-kicker,
  #inicio .hero-kicker,
  .hero .eyebrow,
  #inicio .eyebrow { color: var(--accent-bright) !important; }

  .hero-kicker::before,
  .hero-kicker::after,
  .hero .eyebrow::before,
  #inicio .eyebrow::before,
  #inicio .hero-line { background: var(--accent-bright) !important; }

  .hero .btn-accent,
  #inicio .btn-accent {
    background: var(--accent-bright) !important;
    border-color: var(--accent-bright) !important;
    color: #050708 !important;
  }

  .hero .btn-accent:hover,
  #inicio .btn-accent:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #050708 !important;
  }

  .hero .btn-outline-dark-brand,
  #inicio .btn-outline-dark-brand {
    color: #fff !important;
    border-color: rgba(255,255,255,.52) !important;
  }

  .hero .btn-outline-dark-brand:hover,
  #inicio .btn-outline-dark-brand:hover {
    background: var(--accent-bright) !important;
    border-color: var(--accent-bright) !important;
    color: #050708 !important;
  }

  #servicios,
  #destacados.featured-products,
  #contacto {
    background:
      radial-gradient(circle at 14% 8%, rgba(244,195,19,.135), transparent 34%),
      radial-gradient(circle at 86% 18%, rgba(244,195,19,.08), transparent 30%),
      linear-gradient(180deg, #111819 0%, #080c0d 100%) !important;
    color: #fff !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  #servicios::before,
  #destacados.featured-products::before,
  #contacto::before {
    background:
      radial-gradient(circle at 12% 10%, rgba(244,195,19,.16), transparent 34%),
      radial-gradient(circle at 88% 18%, rgba(244,195,19,.075), transparent 30%),
      linear-gradient(180deg, #111819 0%, #080c0d 100%) !important;
  }

  #servicios::after,
  #destacados.featured-products::after,
  #contacto::after {
    opacity: .16 !important;
    background-image:
      linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px) !important;
  }

  #servicios .eyebrow,
  #destacados .eyebrow,
  #destacados .featured-product-kicker,
  #contacto .eyebrow,
  #contacto .form-label { color: var(--accent-bright) !important; }

  #servicios .eyebrow::before,
  #destacados .eyebrow::before,
  #destacados .featured-product-kicker::before,
  #contacto .eyebrow::before { background: var(--accent-bright) !important; }

  #servicios .section-title,
  #destacados .section-title,
  #destacados .featured-product-title,
  #contacto .section-title {
    color: #fff !important;
    text-shadow: 0 18px 44px rgba(0,0,0,.38) !important;
  }

  #servicios .section-subtitle,
  #destacados .featured-products-head p,
  #destacados .featured-product-desc,
  #contacto .section-subtitle { color: rgba(255,255,255,.74) !important; }

  #servicios .service-card,
  #destacados .featured-chip,
  #contacto .contact-detail {
    background: rgba(255,255,255,.06) !important;
    color: rgba(255,255,255,.92) !important;
    border-color: rgba(244,195,19,.34) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.23) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  #servicios .service-card::after { box-shadow: 5px 5px 0 rgba(244,195,19,.32) !important; }
  #servicios .service-card h3,
  #contacto .contact-detail strong { color: #fff !important; }
  #servicios .service-card p,
  #contacto .contact-detail,
  #contacto .contact-detail a { color: rgba(255,255,255,.74) !important; }
  #servicios .service-num { color: rgba(244,195,19,.24) !important; }

  #servicios .service-card:hover {
    background: var(--accent-bright) !important;
    border-color: var(--accent-bright) !important;
    color: #080c0d !important;
  }

  #servicios .service-card:hover h3,
  #servicios .service-card:hover p { color: #080c0d !important; }

  #destacados .featured-product-row { border-top-color: rgba(244,195,19,.24) !important; }

  #destacados .featured-product-link,
  #contacto .btn-submit {
    background: var(--accent-bright) !important;
    color: #080c0d !important;
    border-color: var(--accent-bright) !important;
  }

  #destacados .featured-product-link:hover,
  #contacto .btn-submit:hover {
    background: #fff !important;
    color: #080c0d !important;
  }

  #destacados .featured-product-frame {
    background: #080c0d !important;
    border-color: rgba(244,195,19,.30) !important;
    box-shadow: 14px 14px 0 rgba(244,195,19,.80), 0 24px 70px rgba(0,0,0,.42) !important;
  }

  #destacados .featured-product-img-wrap,
  #destacados .featured-product-img { background: #080c0d !important; }

  #contacto .contact-panel {
    background: rgba(5,7,8,.72) !important;
    border: 1px solid rgba(244,195,19,.42) !important;
    box-shadow: 8px 8px 0 rgba(244,195,19,.82), 0 28px 74px rgba(0,0,0,.30) !important;
  }

  #contacto .form-control,
  #contacto .form-select {
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,255,255,.20) !important;
    color: #fff !important;
  }

  #contacto .form-control::placeholder { color: rgba(255,255,255,.38) !important; }

  #contacto .form-control:focus,
  #contacto .form-select:focus {
    border-color: var(--accent-bright) !important;
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
  }

  #contacto .form-select option { background: #111819 !important; color: #fff !important; }

  .footer {
    background:
      radial-gradient(circle at 12% 0%, rgba(244,195,19,.18), transparent 30%),
      linear-gradient(180deg, #111819 0%, #080c0d 100%) !important;
    color: #fff !important;
  }

  .footer-bg-text { color: rgba(244,195,19,.08) !important; }

  .footer-brand-name,
  .footer-col-title,
  .footer-list a,
  .footer-list li:not(:has(a)),
  .footer-tagline,
  .footer-bottom,
  .footer-bottom a { color: rgba(255,255,255,.78) !important; }

  .footer-brand-name,
  .footer-list a:hover,
  .footer-bottom a:hover { color: #fff !important; }

  .footer-stripe { background: var(--accent-bright) !important; }

  @media (max-width: 991.98px) {
    .navbar-collapse {
      border-color: var(--dark) !important;
      box-shadow: 6px 6px 0 var(--accent) !important;
    }

    #destacados .featured-product-frame {
      box-shadow: 10px 10px 0 rgba(244,195,19,.82), 0 18px 48px rgba(0,0,0,.36) !important;
    }
  }

  @media (max-width: 575.98px) {
    #contacto .contact-panel {
      box-shadow: 6px 6px 0 rgba(244,195,19,.82), 0 18px 46px rgba(0,0,0,.28) !important;
    }
  }

/* ===== INLINE <style> BLOCK #13 ===== */
.featured-products {
          background: #fff;
          color: #1b171b;
          overflow: hidden;
        }
    
        .featured-products-head {
          max-width: 780px;
          margin: 0 auto 64px;
          text-align: center;
        }
    
        .featured-products-head p {
          margin: 18px auto 0;
          max-width: 660px;
          font-size: 17px;
          line-height: 1.75;
          color: #666;
        }
    
        .featured-product-row {
          display: grid;
          grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
          gap: clamp(28px, 5vw, 72px);
          align-items: center;
          padding: clamp(42px, 5vw, 76px) 0;
          border-top: 1px solid rgba(27,23,27,.12);
        }
    
        .featured-product-row:first-of-type {
          border-top: 0;
          padding-top: 0;
        }
    
        .featured-product-row:nth-of-type(even) .featured-product-copy {
          order: 2;
        }
    
        .featured-product-row:nth-of-type(even) .featured-product-media {
          order: 1;
        }
    
        .featured-product-kicker {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          margin-bottom: 14px;
          font-family: var(--mono, monospace);
          font-size: 10px;
          font-weight: 700;
          letter-spacing: .18em;
          text-transform: uppercase;
          color: #d0b200;
        }
    
        .featured-product-kicker::before {
          content: "";
          width: 24px;
          height: 2px;
          background: #feda00;
        }
    
        .featured-product-title {
          font-family: var(--display, system-ui, sans-serif);
          font-size: clamp(44px, 7vw, 92px);
          line-height: .9;
          letter-spacing: .02em;
          text-transform: uppercase;
          color: #1b171b;
          margin: 0 0 18px;
        }
    
        .featured-product-desc {
          max-width: 560px;
          font-size: 16px;
          line-height: 1.78;
          color: #565656;
          margin: 0 0 24px;
        }
    
        .featured-product-meta {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-bottom: 28px;
        }
    
        .featured-chip {
          display: inline-flex;
          align-items: center;
          min-height: 36px;
          padding: 0 14px;
          border: 1px solid rgba(27,23,27,.16);
          background: #f6f3ee;
          color: #1b171b;
          font-family: var(--display, system-ui, sans-serif);
          font-size: 13px;
          font-weight: 700;
          letter-spacing: .08em;
          text-transform: uppercase;
        }
    
        .featured-product-link {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 44px;
          padding: 0 22px;
          background: #1b171b;
          color: #fff;
          font-family: var(--display, system-ui, sans-serif);
          font-size: 14px;
          font-weight: 700;
          letter-spacing: .09em;
          text-transform: uppercase;
          transition: transform .2s ease, background .2s ease, color .2s ease;
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%);
        }
    
        .featured-product-link:hover {
          background: #feda00;
          color: #1b171b;
          transform: translateY(-2px);
        }
    
        .featured-product-frame {
          background: #181f20;
          padding: clamp(10px, 1.8vw, 18px);
          box-shadow: 14px 14px 0 #feda00, 0 24px 70px rgba(27,23,27,.18);
          border: 1px solid rgba(27,23,27,.12);
          overflow: hidden;
        }
    
        .featured-product-img-wrap {
          width: 100%;
          aspect-ratio: 4 / 5.55;
          background: #181f20;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
        }
    
        .featured-product-img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: center;
          display: block;
          background: #181f20;
        }
    
        .featured-products .carousel-control-prev,
        .featured-products .carousel-control-next {
          width: 46px;
          height: 46px;
          top: 50%;
          transform: translateY(-50%);
          opacity: 1;
          background: rgba(27,23,27,.72);
          border-radius: 999px;
          margin: 0 10px;
        }
    
        .featured-products .carousel-control-prev-icon,
        .featured-products .carousel-control-next-icon {
          width: 2rem;
          height: 2rem;
          background-size: 60% 60%;
        }
    
        .featured-products .carousel-indicators {
          bottom: 12px;
          margin-bottom: 0;
        }
    
        .featured-products .carousel-indicators button {
          width: 9px;
          height: 9px;
          border-radius: 50%;
          border: 0;
          background: rgba(255,255,255,.62);
        }
    
        .featured-products .carousel-indicators button.active {
          background: #fff;
        }
    
        @media (max-width: 991.98px) {
          .featured-product-row {
            grid-template-columns: 1fr;
            gap: 30px;
          }
    
          .featured-product-row:nth-of-type(even) .featured-product-copy,
          .featured-product-row:nth-of-type(even) .featured-product-media {
            order: initial;
          }
    
          .featured-product-frame {
            box-shadow: 10px 10px 0 #feda00, 0 18px 48px rgba(27,23,27,.16);
          }
        }
    
        @media (max-width: 575.98px) {
          .featured-products-head {
            margin-bottom: 42px;
          }
    
          .featured-product-row {
            padding: 46px 0;
          }
    
          .featured-product-title {
            font-size: clamp(42px, 15vw, 62px);
          }
    
          .featured-product-desc {
            font-size: 15px;
          }
    
          .featured-product-link {
            width: 100%;
          }
    
          .featured-product-img-wrap {
            aspect-ratio: 4 / 5.6;
          }
    
          .featured-products .carousel-control-prev,
          .featured-products .carousel-control-next {
            width: 40px;
            height: 40px;
            margin: 0 6px;
          }
        }

      

{
    "template": "dracoteamargentina.com.ar/index.html",
    "template_mtime": 1777326014,
    "template_mtime_human": "2026-04-27T21:40:14+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=BioRhyme:wght@400;700;800&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Barlow+Condensed:wght@500;600;700&display=swap"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=BioRhyme:wght@400;700;800&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Barlow+Condensed:wght@500;600;700&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 13,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}