:root{
  --theme-primary:#00e5ff;--theme-secondary:#2563eb;--theme-accent:#8b5cf6;
  --theme-dark:#06111f;--theme-dark-soft:#0b1c30;--theme-light:#f4f9ff;
  --theme-rgb:0,229,255;--white:#fff;--text:#172033;--muted:#667085;
  --line:rgba(15,23,42,.12);--line-light:rgba(255,255,255,.15);
  --success:#25d366;--danger:#d92d20;--container:1220px;
  --radius-xl:30px;--radius-lg:22px;--radius-md:16px;
  --shadow-soft:0 24px 65px rgba(3,14,28,.14);
  --shadow-dark:0 28px 80px rgba(0,0,0,.28);--transition:260ms ease
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;overflow-x:hidden;background:var(--theme-dark);color:var(--white);font-family:"Manrope",sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
[hidden]{display:none!important}
::selection{background:var(--theme-primary);color:var(--theme-dark)}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.section{padding:112px 0}
.section--light{background:var(--theme-light);color:var(--text)}
.skip-link{position:fixed;top:-100px;left:20px;z-index:9999;padding:12px 18px;border-radius:10px;background:var(--theme-primary);color:var(--theme-dark);font-weight:800}
.skip-link:focus{top:18px}
.page-progress{position:fixed;inset:0 0 auto;z-index:5000;height:3px}
.page-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary),var(--theme-accent))}
.button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;background:transparent;font-size:.88rem;font-weight:800;cursor:pointer;transition:transform var(--transition),background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition)}
.button:hover{transform:translateY(-3px)}
.button--primary{background:var(--theme-primary);color:var(--theme-dark);box-shadow:0 16px 42px rgba(var(--theme-rgb),.2)}
.button--primary:hover{background:var(--white);box-shadow:0 20px 50px rgba(var(--theme-rgb),.28)}
.button--outline{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.04);color:var(--white);backdrop-filter:blur(14px)}
.button--outline:hover{border-color:var(--theme-primary);background:rgba(var(--theme-rgb),.09)}
.button--dark{background:var(--theme-dark);color:var(--white)}
.button--dark:hover{background:var(--theme-secondary)}
.button--small{min-height:44px;padding-inline:18px;font-size:.76rem}
.button--large{min-height:58px;padding-inline:27px}
.button--submit{width:100%;margin-top:10px}
.eyebrow{margin-bottom:22px;display:inline-flex;align-items:center;gap:10px;color:var(--theme-primary);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.eyebrow>span{width:28px;height:2px;background:var(--theme-primary)}
.eyebrow--dark{color:var(--theme-secondary)}
.section-heading{margin-bottom:54px}
.section-heading h2,.proposal-hero h1,.faq-introduction h2,.diagnostic-copy h2,.proposal-error h1{margin:0;font-family:"Space Grotesk",sans-serif;letter-spacing:-.045em}
.section-heading h2{max-width:850px;font-size:clamp(2.25rem,5vw,4.8rem);line-height:.98}
.section-heading p{color:var(--muted);font-size:1rem;line-height:1.8}
.section-heading--center{max-width:880px;margin-inline:auto;text-align:center}
.section-heading--center .eyebrow{justify-content:center}
.section-heading--center p{max-width:670px;margin:24px auto 0}
.section-heading--split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:70px}
.section-heading--split>p{margin:0}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal--delay{transition-delay:.12s}
.reveal.visible{opacity:1;transform:none}
.site-header{position:sticky;top:0;z-index:2000;border-bottom:1px solid transparent;background:rgba(6,17,31,.78);backdrop-filter:blur(20px);transition:var(--transition)}
.site-header.scrolled{border-bottom-color:var(--line-light);box-shadow:0 14px 45px rgba(0,0,0,.18)}
.site-header__inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}
.site-header__brand-row{display:flex;align-items:center;gap:clamp(8px,1.5vw,14px);flex:1 1 auto;min-width:0;max-width:min(100%,520px)}
.pdp-proposal-header .brand.brand--composite .logo-pdp-wordmark{max-width:min(42vw,220px);overflow:hidden;text-overflow:ellipsis}
.proposal-header-back{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(255,255,255,.88);font-size:.74rem;font-weight:600;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;flex-shrink:0}
.proposal-header-back:hover,.proposal-header-back:focus-visible{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff;transform:translateX(-2px)}
.proposal-header-back__icon{display:inline-flex;align-items:center;justify-content:center}
.pdp-proposal-header .brand.brand--composite{display:inline-flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.pdp-proposal-header .brand.brand--composite .logo-pdp-symbol{width:40px;height:40px;object-fit:contain;flex-shrink:0;background:transparent}
.pdp-proposal-header .brand.brand--composite .logo-pdp-wordmark{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:clamp(.92rem,1.4vw,1.05rem);letter-spacing:-.02em;color:#fff;line-height:1.1;white-space:nowrap}
.brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}
.brand__mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px 4px 12px 4px;background:var(--theme-primary);color:var(--theme-dark);font-family:"Space Grotesk",sans-serif;font-size:1.45rem;font-weight:800;transform:skew(-8deg)}
.brand__copy{display:grid}.brand__copy strong{font-family:"Space Grotesk",sans-serif;font-size:.96rem;line-height:1.05}
.brand__copy small{margin-top:5px;color:rgba(255,255,255,.5);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.6vw,34px)}
.main-nav a{position:relative;padding:10px 0;color:rgba(255,255,255,.7);font-size:.86rem;font-weight:700;transition:color var(--transition)}
.main-nav a::after{content:"";position:absolute;right:0;bottom:2px;left:0;height:2px;background:var(--theme-primary);transform:scaleX(0);transform-origin:right;transition:transform var(--transition)}
.main-nav a:hover,.main-nav a.active{color:var(--white)}
.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1);transform-origin:left}
.site-header__actions{display:flex;align-items:center;gap:12px}
.menu-toggle{display:none;width:44px;height:44px;padding:0 11px;border:1px solid var(--line-light);border-radius:12px;background:transparent;cursor:pointer}
.menu-toggle span{width:100%;height:2px;display:block;margin:5px 0;background:var(--white);transition:var(--transition)}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.loading-screen{min-height:calc(100vh - 82px);display:grid;place-content:center;gap:20px;text-align:center;background:var(--theme-dark)}
.loading-screen__spinner{width:58px;height:58px;margin-inline:auto;border:4px solid rgba(255,255,255,.12);border-top-color:var(--theme-primary);border-radius:50%;animation:spin .9s linear infinite}
.loading-screen p{color:rgba(255,255,255,.58)}
@keyframes spin{to{transform:rotate(360deg)}}
.proposal-error{min-height:calc(100vh - 82px);padding:90px 0;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,rgba(var(--theme-rgb),.15),transparent 30%),var(--theme-dark)}
.proposal-error__content{max-width:760px;text-align:center}
.proposal-error__code{color:var(--theme-primary);font-family:"Space Grotesk",sans-serif;font-size:clamp(5rem,15vw,12rem);font-weight:800;line-height:.8;opacity:.2}
.proposal-error h1{margin-top:-25px;font-size:clamp(2.3rem,5vw,4.7rem);line-height:1}
.proposal-error p{max-width:650px;margin:26px auto;color:rgba(255,255,255,.62);line-height:1.8}
.proposal-error__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.proposal-hero{position:relative;min-height:calc(100vh - 82px);overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(var(--theme-rgb),.16),transparent 30%),radial-gradient(circle at 25% 74%,rgba(139,92,246,.12),transparent 32%),var(--theme-dark)}
.proposal-hero__grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.proposal-hero__glow{position:absolute;border-radius:50%;pointer-events:none}
.proposal-hero__glow--one{top:8%;right:-170px;width:460px;height:460px;border:1px solid rgba(var(--theme-rgb),.2)}
.proposal-hero__glow--two{bottom:-180px;left:38%;width:380px;height:380px;border:1px solid rgba(139,92,246,.2)}
.proposal-hero__layout{position:relative;z-index:2;min-height:calc(100vh - 82px);padding:82px 0 92px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);align-items:center;gap:clamp(60px,7vw,110px)}
.back-link{margin-bottom:32px;display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.56);font-size:.76rem;font-weight:700;transition:color var(--transition)}
.back-link:hover{color:var(--theme-primary)}
.proposal-hero__content{max-width:710px}
.proposal-hero h1{font-size:clamp(3.2rem,6.3vw,6.8rem);line-height:.91}
.proposal-hero__description{max-width:640px;margin:30px 0 0;color:rgba(255,255,255,.68);font-size:clamp(1rem,1.25vw,1.17rem);line-height:1.8}
.proposal-hero__actions{margin-top:36px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.proposal-hero__tags{margin-top:44px;padding-top:26px;display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line-light)}
.proposal-hero__tags span{padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.64);font-size:.67rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.proposal-hero__visual{position:relative;min-height:620px}
.hero-media{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:var(--radius-xl);background:var(--theme-dark-soft);box-shadow:var(--shadow-dark)}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,11,20,.82),transparent 52%);pointer-events:none}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media figcaption{position:absolute;z-index:2;right:22px;bottom:22px;left:22px;color:var(--white);font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.hero-media--main{inset:42px 65px 48px 32px}
.hero-media--secondary{top:0;right:0;width:205px;height:255px;border-radius:22px}
/* =========================================================
   MOVIMIENTO SUTIL DEL HERO
   Producción Audiovisual - Eventos y Experiencias
   ========================================================= */

body[data-area="audiovisual"][data-industria="eventos-experiencias"]
.hero-media--main img {
  animation: heroEventMainFloat 10s ease-in-out infinite;
  transform-origin: center center;
  will-change: transform;
}

body[data-area="audiovisual"][data-industria="eventos-experiencias"]
.hero-media--secondary img {
  animation: heroEventSecondaryFloat 8s ease-in-out infinite;
  transform-origin: center center;
  will-change: transform;
}

@keyframes heroEventMainFloat {
  0%,
  100% {
    transform: scale(1.02) translateY(0);
  }

  50% {
    transform: scale(1.055) translateY(-8px);
  }
}

@keyframes heroEventSecondaryFloat {
  0%,
  100% {
    transform: scale(1.03) translateY(0);
  }

  50% {
    transform: scale(1.06) translateY(8px);
  }
}

/* Accesibilidad: desactivar movimiento si el usuario lo solicita */
@media (prefers-reduced-motion: reduce) {
  body[data-area="audiovisual"][data-industria="eventos-experiencias"]
  .hero-media--main img,

  body[data-area="audiovisual"][data-industria="eventos-experiencias"]
  .hero-media--secondary img {
    animation: none;
    transform: none;
  }
}
.floating-information{position:absolute;z-index:5;min-width:175px;padding:16px 19px;display:grid;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(6,17,31,.82);box-shadow:0 20px 50px rgba(0,0,0,.26);backdrop-filter:blur(16px)}
.floating-information span{color:rgba(255,255,255,.48);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase}
.floating-information strong{margin-top:4px;color:var(--theme-primary);font-family:"Space Grotesk",sans-serif}
.floating-information--top{top:165px;left:0}.floating-information--bottom{right:0;bottom:105px}
.benefit-strip{background:var(--white);color:var(--text)}
.benefit-strip__grid{min-height:150px;display:grid;grid-template-columns:repeat(3,1fr)}
.benefit-strip__grid article{padding:38px 34px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:19px;border-right:1px solid var(--line)}
.benefit-strip__grid article:last-child{border-right:0}
.benefit-strip__grid span{color:var(--theme-secondary);font-family:"Space Grotesk",sans-serif;font-size:1.9rem;font-weight:700}
.benefit-strip__grid strong{display:block;margin-bottom:4px;font-family:"Space Grotesk",sans-serif;font-size:.96rem}
.benefit-strip__grid p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}
.proposal-introduction{background:var(--white);color:var(--text)}
.proposal-introduction__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:80px}
.proposal-introduction__content>p{margin:0 0 28px;color:var(--muted);font-size:1rem;line-height:1.85}
.proposal-introduction blockquote{margin:0;padding:24px 26px;border-left:4px solid var(--theme-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:rgba(var(--theme-rgb),.08);color:var(--text);font-family:"Space Grotesk",sans-serif;font-size:1.15rem;line-height:1.55}
.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.challenge-card{position:relative;min-height:300px;padding:30px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.challenge-card:hover{transform:translateY(-9px);border-color:rgba(var(--theme-rgb),.42);box-shadow:var(--shadow-soft)}
.challenge-card__number{display:block;margin-bottom:52px;color:rgba(23,32,51,.26);font-family:"Space Grotesk",sans-serif;font-size:.74rem;font-weight:700}
.challenge-card__icon{width:52px;height:52px;margin-bottom:22px;display:grid;place-items:center;border-radius:15px;background:rgba(var(--theme-rgb),.12);color:var(--theme-secondary);font-size:1.35rem}
.challenge-card h3{margin:0 0 11px;font-family:"Space Grotesk",sans-serif;font-size:1.15rem}
.challenge-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.68}
.challenge-card::after{content:"";position:absolute;right:30px;bottom:0;left:30px;height:4px;background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent));transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}
.challenge-card:hover::after{transform:scaleX(1)}
.solutions-section{background:radial-gradient(circle at 12% 25%,rgba(var(--theme-rgb),.08),transparent 28%),var(--theme-dark)}
.solutions-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:28px}
.solutions-featured{position:relative;min-height:690px;overflow:hidden;border-radius:var(--radius-xl)}
.solutions-featured img{width:100%;height:100%;object-fit:cover}
.solutions-featured__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,10,19,.96),transparent 64%),linear-gradient(to right,rgba(3,10,19,.3),transparent)}
.solutions-featured__content{position:absolute;right:34px;bottom:38px;left:34px}
.solutions-featured__content>span{color:var(--theme-primary);font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.solutions-featured__content h3{max-width:500px;margin:12px 0;font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,3.2vw,3.5rem);line-height:1}
.solutions-featured__content p{margin:0;color:rgba(255,255,255,.62);line-height:1.65}
.solutions-list{display:grid;gap:14px}
.solution-card{min-height:124px;padding:23px 25px;display:grid;grid-template-columns:42px 52px 1fr;align-items:center;gap:18px;border:1px solid var(--line-light);border-radius:20px;background:rgba(255,255,255,.035);transition:transform var(--transition),background var(--transition),border-color var(--transition)}
.solution-card:hover{transform:translateX(8px);border-color:rgba(var(--theme-rgb),.42);background:rgba(var(--theme-rgb),.055)}
.solution-card__number{color:rgba(255,255,255,.25);font-family:"Space Grotesk",sans-serif;font-size:.72rem}
.solution-card__icon{color:var(--theme-primary);font-size:1.5rem}
.solution-card h3{margin:0 0 5px;font-family:"Space Grotesk",sans-serif;font-size:1.05rem}
.solution-card p{margin:0;color:rgba(255,255,255,.56);font-size:.8rem;line-height:1.56}
/* Íconos profesionales - Eventos y experiencias */
body[data-area="audiovisual"][data-industria="eventos-experiencias"]
.solution-card svg {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  flex: 0 0 34px;
  color: var(--theme-primary);
}
.proposal-showcase{overflow:hidden}
.showcase-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:300px 300px;gap:18px}
.showcase-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--theme-dark-soft);box-shadow:var(--shadow-soft)}
.showcase-card:first-child{grid-row:1/3}.showcase-card:nth-child(2){grid-column:2/4}
.showcase-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.showcase-card:hover img{transform:scale(1.055)}
.showcase-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,10,19,.86),transparent 58%)}
.showcase-card__content{position:absolute;z-index:2;right:24px;bottom:23px;left:24px;color:var(--white)}
.showcase-card__content span{color:var(--theme-primary);font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.showcase-card__content h3{margin:8px 0 0;font-family:"Space Grotesk",sans-serif;font-size:1.25rem}
.methodology-section{background:radial-gradient(circle at 82% 12%,rgba(var(--theme-rgb),.09),transparent 27%),var(--theme-dark)}
.methodology-timeline{position:relative;max-width:1080px;margin:76px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.methodology-timeline::before{content:"";position:absolute;top:27px;right:9%;left:9%;height:2px;background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary),var(--theme-accent))}
.methodology-step{position:relative;z-index:1;text-align:center}
.methodology-step__number{width:56px;height:56px;margin:0 auto 25px;display:grid;place-items:center;border:7px solid var(--theme-dark);border-radius:50%;background:var(--theme-primary);color:var(--theme-dark);font-family:"Space Grotesk",sans-serif;font-size:.72rem;font-weight:800;box-shadow:0 0 0 1px rgba(var(--theme-rgb),.42)}
.methodology-step strong{font-family:"Space Grotesk",sans-serif;font-size:.98rem}
.methodology-step p{margin:11px 0 0;color:rgba(255,255,255,.54);font-size:.76rem;line-height:1.65}
.deliverables-layout{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);align-items:start;gap:76px}
.deliverables-copy{position:sticky;top:125px}
.deliverables-copy h2{margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(2.3rem,4.8vw,4.8rem);line-height:.97;letter-spacing:-.045em}
.deliverables-copy p{margin:25px 0 30px;color:var(--muted);line-height:1.8}
.deliverables-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.deliverable-card{min-height:200px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);transition:transform var(--transition),box-shadow var(--transition)}
.deliverable-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-soft)}
.deliverable-card span{color:var(--theme-secondary);font-family:"Space Grotesk",sans-serif;font-size:.68rem;font-weight:700}
.deliverable-card h3{margin:24px 0 10px;font-family:"Space Grotesk",sans-serif;font-size:1.08rem}
.deliverable-card p{margin:0;color:var(--muted);font-size:.79rem;line-height:1.65}
.deliverables-grid .deliverable-card svg {
  width: 160px;
  height: 160px;
  max-width: 100%;
  display: block;
  margin: 18px auto 26px;
}
.results-section{background:linear-gradient(135deg,rgba(var(--theme-rgb),.08),transparent 38%),var(--theme-dark)}
.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.result-card{min-height:230px;padding:28px;border:1px solid var(--line-light);border-radius:var(--radius-lg);background:rgba(255,255,255,.035);transition:transform var(--transition),border-color var(--transition)}
.result-card:hover{transform:translateY(-8px);border-color:rgba(var(--theme-rgb),.42)}
.result-card span{color:var(--theme-primary);font-family:"Space Grotesk",sans-serif;font-size:.68rem;font-weight:700}
.result-card h3{margin:28px 0 11px;font-family:"Space Grotesk",sans-serif;font-size:1.15rem}
.result-card p{margin:0;color:rgba(255,255,255,.55);font-size:.79rem;line-height:1.67}
.faq-section{background:#040c16}
.faq-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:90px}
.faq-introduction{position:sticky;top:125px;align-self:start}
.faq-introduction h2{font-size:clamp(2.5rem,4.9vw,5rem);line-height:.96}
.faq-introduction p{margin:26px 0;color:rgba(255,255,255,.56);line-height:1.8}
.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--theme-primary);font-size:.84rem;font-weight:800}
.faq-list{border-top:1px solid var(--line-light)}
.faq-item{border-bottom:1px solid var(--line-light)}
.faq-item button{width:100%;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent;color:var(--white);text-align:left;font-family:"Space Grotesk",sans-serif;font-size:1.05rem;cursor:pointer}
.faq-item__symbol{position:relative;width:20px;height:20px;flex:0 0 auto}
.faq-item__symbol::before,.faq-item__symbol::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;background:var(--theme-primary);transform:translate(-50%,-50%);transition:transform var(--transition)}
.faq-item__symbol::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item button[aria-expanded="true"] .faq-item__symbol::after{transform:translate(-50%,-50%) rotate(0)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.faq-answer>div{min-height:0;overflow:hidden}
.faq-answer p{margin:0;color:rgba(255,255,255,.56);line-height:1.75}
.faq-item button[aria-expanded="true"]+.faq-answer{grid-template-rows:1fr}
.faq-item button[aria-expanded="true"]+.faq-answer p{padding-bottom:28px}
.diagnostic-section{background:linear-gradient(135deg,rgba(var(--theme-rgb),.16),transparent 34%),linear-gradient(315deg,rgba(139,92,246,.14),transparent 36%),var(--theme-dark-soft)}
.diagnostic-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:80px}
.diagnostic-copy h2{
    max-width:620px;
    font-size:clamp(2.6rem,4.4vw,4.8rem);
    line-height:.96
}
.diagnostic-copy>p{max-width:590px;margin:28px 0 0;color:rgba(255,255,255,.62);line-height:1.8}
.diagnostic-benefits{margin-top:44px;display:grid;gap:14px}
.diagnostic-benefits article{padding:18px 0;display:grid;grid-template-columns:42px 1fr;gap:16px;border-bottom:1px solid var(--line-light)}
.diagnostic-benefits article>span{color:var(--theme-primary);font-family:"Space Grotesk",sans-serif;font-size:.72rem}
.diagnostic-benefits strong{font-family:"Space Grotesk",sans-serif;font-size:.92rem}
.diagnostic-benefits p{margin:5px 0 0;color:rgba(255,255,255,.48);font-size:.74rem}
.diagnostic-form{padding:clamp(26px,4vw,48px);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-xl);background:rgba(255,255,255,.97);color:var(--text);box-shadow:0 40px 90px rgba(0,0,0,.26)}
.form-heading{margin-bottom:30px}
.form-heading span{color:var(--theme-secondary);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.form-heading h3{
    margin:8px 0 0;
    font-family:"Space Grotesk",sans-serif;
    font-size:clamp(1.45rem,2.4vw,2.15rem);
    line-height:1.08;
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-field{display:grid;gap:8px}
.form-field--full,.form-consent{grid-column:1/-1}
.form-field>span{font-size:.74rem;font-weight:800}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);border-radius:12px;outline:none;background:#f8fafc;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}
.form-field input,.form-field select{min-height:52px;padding:0 15px}
.form-field textarea{min-height:135px;padding:14px 15px;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--theme-primary);background:var(--white);box-shadow:0 0 0 4px rgba(var(--theme-rgb),.1)}
.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea{border-color:var(--danger)}
.field-error{min-height:14px;color:var(--danger);font-size:.65rem}
.form-consent{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:.69rem;line-height:1.5}
.form-consent input{margin-top:3px;accent-color:var(--theme-secondary)}
.form-note{margin:14px 0 0;color:var(--muted);font-size:.67rem;line-height:1.5;text-align:center}
.form-status{min-height:22px;margin-top:8px;font-size:.76rem;font-weight:700;text-align:center}
.form-status.success{color:#087a38}.form-status.error{color:var(--danger)}
.site-footer{background:#020812}
.site-footer__top{padding:78px 0 62px;display:grid;grid-template-columns:1.45fr repeat(3,.72fr);gap:58px}
.site-footer__brand p{max-width:410px;margin:22px 0 0;color:rgba(255,255,255,.44);font-size:.8rem;line-height:1.75}
.site-footer__column{display:grid;align-content:start;gap:13px}
.site-footer__column>strong{margin-bottom:10px;font-family:"Space Grotesk",sans-serif;font-size:.88rem}
.site-footer__column a{color:rgba(255,255,255,.46);font-size:.75rem;transition:color var(--transition)}
.site-footer__column a:hover{color:var(--theme-primary)}
.site-footer__bottom{min-height:72px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.35);font-size:.66rem}
.site-footer__bottom div{display:flex;gap:20px}
.site-footer__bottom a:hover{color:var(--white)}
.whatsapp-float{position:fixed;z-index:2200;right:24px;bottom:24px;min-width:58px;height:58px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:var(--success);color:#05140a;box-shadow:0 18px 42px rgba(4,18,9,.3);font-weight:900;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}
.whatsapp-float:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(37,211,102,.35)}
.whatsapp-float__pulse{position:absolute;inset:0;border-radius:inherit;background:var(--success);animation:whatsappPulse 2s infinite}
.whatsapp-float__icon,.whatsapp-float__label{position:relative;z-index:2}
.whatsapp-float__icon{font-size:1.25rem}.whatsapp-float__label{font-size:.72rem}
@keyframes whatsappPulse{70%{transform:scale(1.28);opacity:0}100%{opacity:0}}
@media(max-width:1100px){
  .site-header__actions .button{
    min-height:40px;
    padding-inline:14px;
    font-size:.68rem;
  }
  .site-header__actions .button span[aria-hidden]{display:none}
  .proposal-hero__layout{grid-template-columns:1fr .9fr;gap:45px}
  .proposal-hero__visual{min-height:550px}
  .hero-media--main{inset:48px 32px 42px 22px}
  .hero-media--secondary{width:165px;height:210px}
  .results-grid{grid-template-columns:repeat(2,1fr)}
  .methodology-timeline{grid-template-columns:repeat(3,1fr)}
  .methodology-timeline::before{display:none}
  .site-footer__top{grid-template-columns:1.2fr repeat(3,.7fr);gap:34px}
}
@media(max-width:900px){
  .menu-toggle{display:block}
  .site-header__actions .button{display:none}
  .main-nav{position:fixed;z-index:1900;top:82px;right:0;bottom:0;left:0;padding:35px 22px;display:grid;align-content:start;justify-content:stretch;gap:0;background:rgba(6,17,31,.98);transform:translateX(100%);transition:transform .32s ease}
  .main-nav.open{transform:translateX(0)}
  .main-nav a{padding:18px 0;border-bottom:1px solid var(--line-light);font-family:"Space Grotesk",sans-serif;font-size:1.18rem}
  .main-nav .button--primary{
    display:inline-flex !important;
    margin-top:18px;
    width:100%;
    border-bottom:0 !important;
    font-size:.9rem !important;
    padding:14px 18px !important;
  }
  .proposal-hero__layout{min-height:auto;grid-template-columns:1fr;padding-top:68px}
  .proposal-hero__content{max-width:800px}
  .proposal-hero__visual{min-height:620px}
  .benefit-strip__grid{grid-template-columns:1fr}
  .benefit-strip__grid article{border-right:0;border-bottom:1px solid var(--line)}
  .section-heading--split,.proposal-introduction__layout,.solutions-layout,.deliverables-layout,.faq-layout,.diagnostic-layout{grid-template-columns:1fr}
  .deliverables-copy,.faq-introduction{position:static}
  .showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 260px 260px}
  .showcase-card:first-child{grid-column:1/3;grid-row:auto}
  .showcase-card:nth-child(2){grid-column:1/3}
  .challenge-grid{grid-template-columns:repeat(2,1fr)}
  .site-footer__top{grid-template-columns:1fr 1fr 1fr}
  .site-footer__brand{grid-column:1/-1}
}
@media(max-width:680px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .section{padding:84px 0}
  .site-header__inner{min-height:72px;gap:10px}
  .site-header__brand-row{max-width:calc(100% - 120px)}
  .pdp-proposal-header .brand.brand--composite .logo-pdp-wordmark{display:none}
  .main-nav{top:72px}
  .proposal-header-back__text{display:inline}
  .proposal-header-back{padding:8px 10px 8px 8px}
  .proposal-header-back__text{font-size:.65rem}
  .brand__copy strong{font-size:.84rem}.brand__copy small{display:none}
  .proposal-hero__layout{padding:55px 0 82px}
  .proposal-hero h1{font-size:clamp(3rem,15vw,4.8rem)}
  .proposal-hero__actions{align-items:stretch;flex-direction:column}
  .proposal-hero__actions .button{width:100%}
  .proposal-hero__visual{min-height:500px}
  .hero-media--main{inset:35px 0 40px}
  .hero-media--secondary{width:130px;height:165px}
  .floating-information{min-width:145px;padding:13px 15px}
  .floating-information--top{top:140px;left:-4px}
  .floating-information--bottom{right:-4px;bottom:70px}
  .section-heading--split{gap:24px}
  .challenge-grid,.deliverables-grid,.results-grid,.form-grid{grid-template-columns:1fr}
  .challenge-card{min-height:270px}
  .solution-card{grid-template-columns:32px 42px 1fr;padding:20px}
  .showcase-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,300px)}
  .showcase-card:first-child,.showcase-card:nth-child(2){grid-column:auto}
  .methodology-timeline{grid-template-columns:1fr}
  .methodology-step{padding-bottom:26px;display:grid;grid-template-columns:58px 1fr;gap:17px;text-align:left}
  .methodology-step__number{margin:0}
  .site-footer__top{grid-template-columns:1fr 1fr}
  .site-footer__brand{grid-column:1/-1}
  .site-footer__bottom{align-items:flex-start;flex-direction:column}
  .site-footer__bottom div{flex-wrap:wrap}
  .whatsapp-float{right:14px;bottom:14px;min-width:56px;padding:0 15px}
  .whatsapp-float__label{display:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}

/* =========================================================
   ENLACES LEGALES DEL FOOTER: PROPUESTA POR INDUSTRIA
========================================================= */

.industry-footer__legal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px 20px;
}

.industry-footer__legal a,
.industry-footer__cookie-button {
  color: #ffffff !important;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  opacity: 0.88;
  transition:
    color 0.2s ease,
    opacity 0.2s ease;
}

.industry-footer__cookie-button {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.industry-footer__legal a:visited {
  color: #ffffff !important;
}

.industry-footer__legal a:hover,
.industry-footer__legal a:focus-visible,
.industry-footer__cookie-button:hover,
.industry-footer__cookie-button:focus-visible {
  color: #60ff01 !important;
  opacity: 1;
}

@media (max-width: 768px) {
  .industry-footer__legal {
    justify-content: center;
    gap: 10px 16px;
    text-align: center;
  }

  .industry-footer__cookie-button {
    text-align: center;
  }
}

/* =====================================================
   TEMA FINANZAS Y FINTECH
   NEGRO CÁLIDO + AMARILLO
===================================================== */

/* Variables exclusivas de la propuesta Fintech */
body[data-area="desarrollo"][data-industria="fintech"] {
  --theme-primary: #ffd400;
  --theme-secondary: #d7aa00;
  --theme-accent: #fff200;

  --theme-dark: #0d0b03;
  --theme-dark-soft: #1a1605;
  --theme-light: #fffbea;
  --theme-rgb: 255, 212, 0;

  --text: #18130a;
  --muted: #706858;

  --line: rgba(112, 86, 0, 0.18);
  --line-light: rgba(255, 212, 0, 0.2);

  --shadow-soft: 0 24px 65px rgba(62, 46, 0, 0.15);
}

/* Encabezado principal */
body[data-area="desarrollo"][data-industria="fintech"]
.site-header {
  background: rgba(13, 11, 3, 0.92);
  border-bottom-color: rgba(255, 212, 0, 0.14);
}

/* Fondo principal del hero */
body[data-area="desarrollo"][data-industria="fintech"]
.proposal-hero {
  background:
    radial-gradient(
      circle at 78% 22%,
      rgba(255, 212, 0, 0.14),
      transparent 30%
    ),
    radial-gradient(
      circle at 25% 74%,
      rgba(215, 170, 0, 0.1),
      transparent 32%
    ),
    #0d0b03;
}

/* Círculos decorativos del hero */
body[data-area="desarrollo"][data-industria="fintech"]
.proposal-hero__glow--one,
body[data-area="desarrollo"][data-industria="fintech"]
.proposal-hero__glow--two {
  border-color: rgba(255, 212, 0, 0.22);
}

/* Oscurecimiento cálido sobre la imagen principal */
body[data-area="desarrollo"][data-industria="fintech"]
.hero-media::after {
  background: linear-gradient(
    to top,
    rgba(13, 11, 3, 0.9),
    transparent 52%
  );
}

/* Tarjetas flotantes del hero */
body[data-area="desarrollo"][data-industria="fintech"]
.floating-information {
  background: rgba(13, 11, 3, 0.9);
  border-color: rgba(255, 212, 0, 0.2);
}

/* Fondo de la sección de soluciones */
body[data-area="desarrollo"][data-industria="fintech"]
.solutions-section {
  background:
    radial-gradient(
      circle at 12% 25%,
      rgba(255, 212, 0, 0.08),
      transparent 28%
    ),
    #0d0b03;
}

/* Capa oscura de la fotografía de soluciones */
body[data-area="desarrollo"][data-industria="fintech"]
.solutions-featured__overlay {
  background:
    linear-gradient(
      to top,
      rgba(13, 11, 3, 0.97),
      transparent 64%
    ),
    linear-gradient(
      to right,
      rgba(13, 11, 3, 0.4),
      transparent
    );
}

/* Tarjetas de soluciones */
body[data-area="desarrollo"][data-industria="fintech"]
.solution-card {
  background: rgba(255, 212, 0, 0.025);
  border-color: rgba(255, 212, 0, 0.18);
}

body[data-area="desarrollo"][data-industria="fintech"]
.solution-card:hover {
  background: rgba(255, 212, 0, 0.07);
  border-color: rgba(255, 212, 0, 0.48);
}

/* Capa oscura de las imágenes del portafolio */
body[data-area="desarrollo"][data-industria="fintech"]
.showcase-card::after {
  background: linear-gradient(
    to top,
    rgba(13, 11, 3, 0.92),
    transparent 58%
  );
}

/* Fondo de metodología */
body[data-area="desarrollo"][data-industria="fintech"]
.methodology-section {
  background:
    radial-gradient(
      circle at 82% 12%,
      rgba(255, 212, 0, 0.08),
      transparent 27%
    ),
    #0d0b03;
}

/* Fondo de resultados */
body[data-area="desarrollo"][data-industria="fintech"]
.results-section {
  background:
    linear-gradient(
      135deg,
      rgba(255, 212, 0, 0.07),
      transparent 38%
    ),
    #0d0b03;
}

/* Tarjetas de resultados */
body[data-area="desarrollo"][data-industria="fintech"]
.result-card {
  background: rgba(255, 212, 0, 0.025);
  border-color: rgba(255, 212, 0, 0.18);
}

/* Sección completa de preguntas frecuentes */
body[data-area="desarrollo"][data-industria="fintech"]
.faq-section {
  background: #090701;
}

/* Sección del diagnóstico */
body[data-area="desarrollo"][data-industria="fintech"]
.diagnostic-section {
  background:
    linear-gradient(
      135deg,
      rgba(255, 212, 0, 0.13),
      transparent 34%
    ),
    linear-gradient(
      315deg,
      rgba(215, 170, 0, 0.1),
      transparent 36%
    ),
    #1a1605;
}

/* Campos claros del formulario */
body[data-area="desarrollo"][data-industria="fintech"]
.form-field input,
body[data-area="desarrollo"][data-industria="fintech"]
.form-field select,
body[data-area="desarrollo"][data-industria="fintech"]
.form-field textarea {
  background: #fffdf5;
}

/* Footer negro cálido */
body[data-area="desarrollo"][data-industria="fintech"]
.site-footer {
  background: #070501;
}

/* Hover de los enlaces legales */
body[data-area="desarrollo"][data-industria="fintech"]
.industry-footer__legal a:hover,
body[data-area="desarrollo"][data-industria="fintech"]
.industry-footer__legal a:focus-visible,
body[data-area="desarrollo"][data-industria="fintech"]
.industry-footer__cookie-button:hover,
body[data-area="desarrollo"][data-industria="fintech"]
.industry-footer__cookie-button:focus-visible {
  color: #ffd400 !important;
}

/* Menú desplegable para celular */
@media (max-width: 900px) {
  body[data-area="desarrollo"][data-industria="fintech"]
  .main-nav {
    background: rgba(13, 11, 3, 0.98);
  }
}

/* Texto descriptivo blanco únicamente en Gastronomía */
body[data-area="audiovisual"][data-industria="gastronomia"]
#solutionsDescription {
  color: #ffffff !important;
}

/* Texto de metodología blanco únicamente en Gastronomía */
body[data-area="audiovisual"][data-industria="gastronomia"]
#methodologyDescription {
  color: #ffffff !important;
}

/* =====================================================
   TÍTULO PRINCIPAL UNIFICADO
   FINTECH Y GASTRONOMÍA
===================================================== */

.proposal-hero h1,
.proposal-hero h1#heroTitle {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: clamp(2.8rem, 4.8vw, 5.3rem) !important;
  font-weight: 700;
  line-height: 0.95 !important;
  letter-spacing: -0.045em;
}

/* Tamaño para celulares */
@media (max-width: 680px) {
  .proposal-hero h1,
  .proposal-hero h1#heroTitle {
    font-size: clamp(2.4rem, 11vw, 3.8rem) !important;
    line-height: 0.98 !important;
  }
}

/* =========================================================
   SÍMBOLO OFICIAL — PROPUESTAS POR INDUSTRIA
========================================================= */

.brand__mark-image--industria {
  display: block;
  width: 64px;
  height: 64px;
  min-width: 64px;
  object-fit: contain;
  flex-shrink: 0;
  border: 0;
  background: transparent;
  filter: drop-shadow(0 0 10px rgba(0, 227, 4, 0.22));
  transition:
    transform 0.25s ease,
    filter 0.25s ease;
}

.brand:hover .brand__mark-image--industria {
  transform: scale(1.05);
  filter: drop-shadow(0 0 16px rgba(0, 227, 4, 0.32));
}

/* Tabletas */
@media (max-width: 900px) {
  .brand__mark-image--industria {
    width: 56px;
    height: 56px;
    min-width: 56px;
  }
}

/* Celulares */
@media (max-width: 600px) {
  .brand__mark-image--industria {
    width: 48px;
    height: 48px;
    min-width: 48px;
  }
}

/* =========================================================
   LOGOTIPO OFICIAL EN EL FOOTER — PROPUESTAS POR INDUSTRIA
========================================================= */

.site-footer .footer-brand-logo {
  display: block;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  object-fit: contain;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  filter: drop-shadow(0 0 10px rgba(0, 227, 4, 0.2));
  transition:
    transform 0.25s ease,
    filter 0.25s ease;
}

.site-footer .brand:hover .footer-brand-logo {
  transform: scale(1.05);
  filter: drop-shadow(0 0 16px rgba(0, 227, 4, 0.3));
}

/* Tabletas */
@media (max-width: 900px) {
  .site-footer .footer-brand-logo {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
  }
}

/* Celulares */
@media (max-width: 600px) {
  .site-footer .footer-brand-logo {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }
}

/* =========================================================
   REFINAMIENTO VISUAL
   MARKETING ESTRATÉGICO PARA AGROINDUSTRIA
   ========================================================= */

/* 1. Mayor contraste en secciones oscuras */

body[data-area="marketing"][data-industria="agroindustria"]
  .solutions-section
  .section-heading
  p,
body[data-area="marketing"][data-industria="agroindustria"]
  .methodology-section
  .section-heading
  p,
body[data-area="marketing"][data-industria="agroindustria"]
  .results-section
  .section-heading
  p {
  color: rgba(255, 255, 255, 0.74);
}

/* Texto de la imagen principal de soluciones */

body[data-area="marketing"][data-industria="agroindustria"]
  .solutions-featured__content
  p {
  color: rgba(255, 255, 255, 0.8);
}

/* Textos de las tarjetas de soluciones */

body[data-area="marketing"][data-industria="agroindustria"]
  .solution-card
  p {
  color: rgba(255, 255, 255, 0.7);
}

/* Textos de las etapas de la metodología */

body[data-area="marketing"][data-industria="agroindustria"]
  .methodology-step
  p {
  color: rgba(255, 255, 255, 0.7);
}

/* Textos de las tarjetas de resultados */

body[data-area="marketing"][data-industria="agroindustria"]
  .result-card
  p {
  color: rgba(255, 255, 255, 0.7);
}

/* Descripción principal del diagnóstico */

body[data-area="marketing"][data-industria="agroindustria"]
  .diagnostic-copy
  > p {
  color: rgba(255, 255, 255, 0.76);
}

/* Textos secundarios del diagnóstico */

body[data-area="marketing"][data-industria="agroindustria"]
  .diagnostic-benefits
  p {
  color: rgba(255, 255, 255, 0.68);
}


/* =========================================================
   2. REDUCCIÓN CONTROLADA DE TÍTULOS
   Solo desde tablet y escritorio
   ========================================================= */

@media (min-width: 681px) {

  /* Título principal del Hero:
     reducción aproximada del 11 % */

  body[data-area="marketing"][data-industria="agroindustria"]
    .proposal-hero
    h1 {
    font-size: clamp(3rem, 5.65vw, 6.05rem);
    line-height: 0.94;
  }

  /* Título de entregables:
     reducción aproximada del 10 % */

  body[data-area="marketing"][data-industria="agroindustria"]
    .deliverables-copy
    h2 {
    font-size: clamp(2.15rem, 4.25vw, 4.3rem);
    line-height: 1;
  }

  /* Título del diagnóstico:
     reducción aproximada del 10 % */

  body[data-area="marketing"][data-industria="agroindustria"]
    .diagnostic-copy
    h2 {
    font-size: clamp(2.45rem, 4.65vw, 5.1rem);
    line-height: 0.98;
  }
}

/* =========================================================
   TÍTULOS MÁS COMPACTOS
   DIAGNÓSTICO DE AGROINDUSTRIA
   ========================================================= */

/* Título grande de la columna izquierda */

body[data-area="marketing"][data-industria="agroindustria"]
  .diagnostic-copy
  h2 {
  max-width: 660px;
  font-size: clamp(2.35rem, 4vw, 4.25rem);
  line-height: 1;
  letter-spacing: -0.04em;
}

/* Título superior del formulario */

body[data-area="marketing"][data-industria="agroindustria"]
  .form-heading
  h3 {
  max-width: 620px;
  font-size: clamp(1.55rem, 2.15vw, 2.05rem);
  line-height: 1.12;
  letter-spacing: -0.025em;
}

/* Ajuste específico para celulares */

@media (max-width: 680px) {
  body[data-area="marketing"][data-industria="agroindustria"]
    .diagnostic-copy
    h2 {
    font-size: clamp(2.15rem, 10vw, 3.1rem);
    line-height: 1.02;
  }

  body[data-area="marketing"][data-industria="agroindustria"]
    .form-heading
    h3 {
    font-size: 1.65rem;
    line-height: 1.15;
  }
}

/* =========================================================
   TÍTULOS MÁS COMPACTOS
   INTRODUCCIÓN, RETOS Y RESULTADOS
   MARKETING PARA AGROINDUSTRIA
   ========================================================= */

@media (min-width: 681px) {

  /* No basta con producir bien... */

  body[data-area="marketing"][data-industria="agroindustria"]
    #introductionTitle {
    max-width: 760px;
    font-size: clamp(2.6rem, 3.8vw, 4rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
  }

  /* Los retos que frenan el posicionamiento... */

  body[data-area="marketing"][data-industria="agroindustria"]
    #challengesTitle {
    max-width: 900px;
    font-size: clamp(2.6rem, 3.85vw, 4.05rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
  }

  /* Una marca agroindustrial mejor preparada... */

  body[data-area="marketing"][data-industria="agroindustria"]
    #resultsTitle {
    max-width: 960px;
    margin-inline: auto;
    font-size: clamp(2.7rem, 3.9vw, 4.1rem);
    line-height: 1;
    letter-spacing: -0.04em;
  }
}

/* Tamaño equilibrado en celulares */

@media (max-width: 680px) {

  body[data-area="marketing"][data-industria="agroindustria"]
    #introductionTitle,
  body[data-area="marketing"][data-industria="agroindustria"]
    #challengesTitle,
  body[data-area="marketing"][data-industria="agroindustria"]
    #resultsTitle {
    font-size: clamp(2.15rem, 9.5vw, 3rem);
    line-height: 1.04;
  }
}

/* =========================================================
   REFINAMIENTO FINAL DE LA PROPUESTA POR INDUSTRIA
   Títulos, Hero y botón flotante
========================================================= */

/* ---------------------------------------------------------
   1. Botón flotante de WhatsApp más compacto
--------------------------------------------------------- */

.whatsapp-float {
  right: 20px;
  bottom: 20px;
  min-width: 54px;
  height: 54px;
  padding: 0 15px;
  gap: 8px;

  transition:
    transform var(--transition),
    box-shadow var(--transition),
    width 0.25s ease,
    min-width 0.25s ease,
    padding 0.25s ease,
    gap 0.25s ease;
}

.whatsapp-float__label {
  max-width: 110px;
  overflow: hidden;
  opacity: 1;
  white-space: nowrap;

  transition:
    max-width 0.25s ease,
    opacity 0.2s ease;
}

/* Estado compacto activado mediante JavaScript */

.whatsapp-float.is-compact {
  width: 54px;
  min-width: 54px;
  padding-right: 0;
  padding-left: 0;
  gap: 0;
}

.whatsapp-float.is-compact .whatsapp-float__label {
  max-width: 0;
  opacity: 0;
  pointer-events: none;
}

/* ---------------------------------------------------------
   2. Ajustes exclusivos para computadores
--------------------------------------------------------- */

@media (min-width: 1101px) {

  /* Hero más compacto */

  .proposal-hero__layout {
    min-height: auto;
    padding-top: 64px;
    padding-bottom: 68px;
    gap: clamp(48px, 5.5vw, 84px);
  }

  /* Reducción aproximada del 8 % */

  .proposal-hero h1 {
    font-size: clamp(2.95rem, 5.75vw, 6.2rem);
    line-height: 0.93;
  }

  /* Menos separación entre contenidos del Hero */

  .back-link {
    margin-bottom: 25px;
  }

  .proposal-hero__description {
    margin-top: 24px;
  }

  .proposal-hero__actions {
    margin-top: 28px;
  }

  .proposal-hero__tags {
    margin-top: 32px;
    padding-top: 20px;
  }

  /* Imagen lateral ligeramente más compacta */

  .proposal-hero__visual {
    min-height: 560px;
  }

  .hero-media--main {
    inset: 32px 55px 34px 26px;
  }

  .floating-information--bottom {
    bottom: 78px;
  }

  /* Título:
     “Piezas que traducen el valor agroindustrial...” */

  .proposal-showcase .section-heading h2 {
    font-size: clamp(2.2rem, 4.55vw, 4.42rem);
    line-height: 1;
  }

  /* Título:
     “Entregables estratégicos para posicionar...” */

  .deliverables-copy h2 {
    font-size: clamp(2.15rem, 4.4vw, 4.42rem);
    line-height: 1;
  }
}

/* ---------------------------------------------------------
   3. Ajustes para tabletas
--------------------------------------------------------- */

@media (max-width: 1100px) {

  .proposal-showcase .section-heading h2,
  .deliverables-copy h2 {
    font-size: clamp(2.2rem, 7vw, 4rem);
  }
}

/* ---------------------------------------------------------
   4. En tabletas y celulares, WhatsApp siempre será compacto
--------------------------------------------------------- */

@media (max-width: 900px) {

  .whatsapp-float {
    right: 14px;
    bottom: 14px;
    width: 52px;
    min-width: 52px;
    height: 52px;
    padding: 0;
    gap: 0;
  }

  .whatsapp-float__label {
    display: none;
  }
}

/* =========================================================
   AJUSTES TIPOGRÁFICOS EXCLUSIVOS PARA EDUCACIÓN Y EDTECH
   ========================================================= */

/* Título principal del Hero */
body[data-area="desarrollo"][data-industria="edtech"] #heroTitle {
  font-size: clamp(2.95rem, 5.8vw, 6.25rem);
  line-height: 0.93;
}

/* Introducción */
body[data-area="desarrollo"][data-industria="edtech"] #introductionTitle {
  font-size: clamp(2.1rem, 4.55vw, 4.4rem);
  line-height: 0.98;
}

/* Retos de la industria */
body[data-area="desarrollo"][data-industria="edtech"] #challengesTitle {
  font-size: clamp(2.1rem, 4.55vw, 4.4rem);
  line-height: 0.98;
}

/* Entregables */
body[data-area="desarrollo"][data-industria="edtech"] #deliverablesTitle {
  font-size: clamp(2rem, 4.25vw, 4.25rem);
  line-height: 0.98;
}

/* Resultados esperados */
body[data-area="desarrollo"][data-industria="edtech"] #resultsTitle {
  font-size: clamp(2.1rem, 4.5vw, 4.35rem);
  line-height: 0.98;
}

/* Título del formulario */
body[data-area="desarrollo"][data-industria="edtech"] #formTitle {
  font-size: clamp(1.45rem, 2.75vw, 2.28rem);
  line-height: 1.08;
}

/* Ajustes para celular */
@media (max-width: 680px) {
  body[data-area="desarrollo"][data-industria="edtech"] #heroTitle {
    font-size: clamp(2.7rem, 13.8vw, 4.4rem);
    line-height: 0.94;
  }

  body[data-area="desarrollo"][data-industria="edtech"] #introductionTitle,
  body[data-area="desarrollo"][data-industria="edtech"] #challengesTitle,
  body[data-area="desarrollo"][data-industria="edtech"] #resultsTitle {
    font-size: clamp(2.05rem, 10.5vw, 3.25rem);
  }

  body[data-area="desarrollo"][data-industria="edtech"] #deliverablesTitle {
    font-size: clamp(1.95rem, 9.8vw, 3.05rem);
  }

  body[data-area="desarrollo"][data-industria="edtech"] #formTitle {
    font-size: clamp(1.4rem, 7vw, 1.95rem);
  }
}

/* =========================================================
   CORRECCIÓN FINAL DE TÍTULOS
   EDUCACIÓN Y EDTECH
   ========================================================= */

/* Evita cortes extraños y mejora la distribución de líneas */
body[data-area="desarrollo"][data-industria="edtech"] #methodologyTitle,
body[data-area="desarrollo"][data-industria="edtech"] #deliverablesTitle,
body[data-area="desarrollo"][data-industria="edtech"] #faqTitle,
body[data-area="desarrollo"][data-industria="edtech"] #diagnosticTitle,
body[data-area="desarrollo"][data-industria="edtech"] #formTitle {
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

/* Título de metodología */
body[data-area="desarrollo"][data-industria="edtech"] #methodologyTitle {
  width: min(100%, 1050px);
  max-width: 1050px;
  margin-inline: auto;
  font-size: clamp(3.1rem, 4.9vw, 5.15rem);
  line-height: 0.96;
  letter-spacing: -0.045em;
}

/* Título de entregables */
body[data-area="desarrollo"][data-industria="edtech"] #deliverablesTitle {
  width: 100%;
  max-width: 520px;
  font-size: clamp(2.75rem, 3.85vw, 4.05rem);
  line-height: 0.98;
  letter-spacing: -0.04em;
}

/* Título de preguntas frecuentes */
body[data-area="desarrollo"][data-industria="edtech"] #faqTitle {
  width: 100%;
  max-width: 540px;
  font-size: clamp(2.8rem, 3.95vw, 4.15rem);
  line-height: 0.98;
  letter-spacing: -0.04em;
}

/* Título de diagnóstico */
body[data-area="desarrollo"][data-industria="edtech"] #diagnosticTitle {
  width: 100%;
  max-width: 610px;
  font-size: clamp(2.9rem, 4.25vw, 4.55rem);
  line-height: 0.96;
  letter-spacing: -0.04em;
}

/* Título interior del formulario */
body[data-area="desarrollo"][data-industria="edtech"] #formTitle {
  width: 100%;
  max-width: 690px;
  font-size: clamp(1.9rem, 2.55vw, 2.65rem);
  line-height: 1.08;
  letter-spacing: -0.025em;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  body[data-area="desarrollo"][data-industria="edtech"] #methodologyTitle {
    font-size: clamp(3rem, 6vw, 4.4rem);
  }

  body[data-area="desarrollo"][data-industria="edtech"] #deliverablesTitle,
  body[data-area="desarrollo"][data-industria="edtech"] #faqTitle {
    max-width: 100%;
    font-size: clamp(2.65rem, 5.3vw, 3.65rem);
  }

  body[data-area="desarrollo"][data-industria="edtech"] #diagnosticTitle {
    max-width: 100%;
    font-size: clamp(2.8rem, 5.6vw, 3.9rem);
  }

  body[data-area="desarrollo"][data-industria="edtech"] #formTitle {
    font-size: clamp(1.85rem, 3.5vw, 2.35rem);
  }
}

/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 680px) {
  body[data-area="desarrollo"][data-industria="edtech"] #methodologyTitle {
    font-size: clamp(2.5rem, 10.5vw, 3.25rem);
    line-height: 0.98;
  }

  body[data-area="desarrollo"][data-industria="edtech"] #deliverablesTitle,
  body[data-area="desarrollo"][data-industria="edtech"] #faqTitle {
    max-width: none;
    font-size: clamp(2.35rem, 9.5vw, 2.95rem);
    line-height: 1;
  }

  body[data-area="desarrollo"][data-industria="edtech"] #diagnosticTitle {
    max-width: none;
    font-size: clamp(2.4rem, 10vw, 3.05rem);
    line-height: 0.98;
  }

  body[data-area="desarrollo"][data-industria="edtech"] #formTitle {
    max-width: none;
    font-size: clamp(1.75rem, 7.7vw, 2.15rem);
    line-height: 1.08;
  }
}

/* =========================================================
   CONTRASTE DE TEXTOS SECUNDARIOS
   EDUCACIÓN Y EDTECH
   ========================================================= */

body[data-area="desarrollo"][data-industria="edtech"] {
  --edtech-text-muted: #b5c0cc;
  --edtech-text-soft: #aebac8;
  --edtech-text-strong: #c5ced8;
}

/* Descripciones principales de secciones oscuras */
body[data-area="desarrollo"][data-industria="edtech"] #solutions p,
body[data-area="desarrollo"][data-industria="edtech"] #methodology p,
body[data-area="desarrollo"][data-industria="edtech"] #results p,
body[data-area="desarrollo"][data-industria="edtech"] #faq p {
  color: var(--edtech-text-muted);
}

/* Descripción general de metodología */
body[data-area="desarrollo"][data-industria="edtech"]
  #methodologyDescription {
  color: var(--edtech-text-strong);
}

/* Textos de los pasos de metodología */
body[data-area="desarrollo"][data-industria="edtech"]
  #methodology p {
  color: var(--edtech-text-muted);
}

/* Textos secundarios de las tarjetas de resultados */
body[data-area="desarrollo"][data-industria="edtech"]
  #results p,
body[data-area="desarrollo"][data-industria="edtech"]
  .result-card p,
body[data-area="desarrollo"][data-industria="edtech"]
  .results-card p {
  color: var(--edtech-text-muted);
}

/* Respuestas y descripción de preguntas frecuentes */
body[data-area="desarrollo"][data-industria="edtech"]
  #faqDescription,
body[data-area="desarrollo"][data-industria="edtech"]
  #faq .faq-answer,
body[data-area="desarrollo"][data-industria="edtech"]
  #faq p {
  color: var(--edtech-text-muted);
}

/* Mantener las preguntas con contraste alto */
body[data-area="desarrollo"][data-industria="edtech"]
  #faq button,
body[data-area="desarrollo"][data-industria="edtech"]
  #faq .faq-question {
  color: #f7f9fc;
}

/* Pie de página */
body[data-area="desarrollo"][data-industria="edtech"]
  footer p,
body[data-area="desarrollo"][data-industria="edtech"]
  footer a,
body[data-area="desarrollo"][data-industria="edtech"]
  footer li {
  color: var(--edtech-text-soft);
}

/* Los encabezados del pie permanecen claros */
body[data-area="desarrollo"][data-industria="edtech"]
  footer h2,
body[data-area="desarrollo"][data-industria="edtech"]
  footer h3,
body[data-area="desarrollo"][data-industria="edtech"]
  footer h4 {
  color: #f7f9fc;
}

/* Mejora del contraste al pasar el cursor */
body[data-area="desarrollo"][data-industria="edtech"]
  footer a:hover {
  color: var(--proposal-primary, #27c5e5);
}

/* =========================================================
   ÍCONOS SVG — EDUCACIÓN Y EDTECH
   ========================================================= */

.solution-icon,
.proposal-solution-icon,
.industry-solution-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #22d3ee;
  background: rgba(34, 211, 238, 0.08);

  border: 1px solid rgba(34, 211, 238, 0.18);
  border-radius: 14px;

  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.solution-icon svg,
.proposal-solution-icon svg,
.industry-solution-icon svg {
  width: 26px;
  height: 26px;

  display: block;

  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;

  fill: none;
}



/* =====================================================
   ICONOS SVG UNIFORMES — EDUCACIÓN Y EDTECH
===================================================== */

.solution-card__icon {
  display: grid;
  place-items: center;
}

.solution-card__icon svg {
  width: 26px;
  height: 26px;
  display: block;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;

  transition: transform 0.25s ease;
}

.solution-card:hover .solution-card__icon svg {
  transform: scale(1.08);
}

/* =====================================================
   ICONOS SVG DESTACADOS — RETOS EDUCACIÓN Y EDTECH
===================================================== */

.challenge-card__icon {
  width: 64px;
  height: 64px;
  margin-bottom: 24px;

  display: grid;
  place-items: center;

  color: #08bff5;
  background: linear-gradient(
    145deg,
    #f4fdff 0%,
    #d7f7ff 100%
  );

  border: 1px solid rgba(8, 191, 245, 0.32);
  border-radius: 18px;

  box-shadow:
    0 10px 26px rgba(8, 191, 245, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);

  transition:
    transform 0.3s ease,
    color 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.challenge-card__icon svg {
  width: 30px;
  height: 30px;
  display: block;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;

  transition: transform 0.3s ease;
}

.challenge-card:hover .challenge-card__icon {
  transform: translateY(-5px);
  color: #009ed8;

  background: linear-gradient(
    145deg,
    #ffffff 0%,
    #c9f3ff 100%
  );

  border-color: rgba(0, 158, 216, 0.45);

  box-shadow:
    0 16px 34px rgba(8, 191, 245, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 1);
}

.challenge-card:hover .challenge-card__icon svg {
  transform: scale(1.1);
}

/* =========================================================
   MODA Y SECTOR TEXTIL
   RETOS - ICONOS PREMIUM Fucsia + Cian
   ========================================================= */

body[data-area="audiovisual"][data-industria="moda-textil"]
.challenge-card__icon {
  position: relative;
  width: 80px;
  height: 80px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 22px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 79, 216, 0.12) 0%,
      rgba(255, 255, 255, 0.92) 48%,
      rgba(34, 211, 238, 0.14) 100%
    );

  border: 1px solid rgba(255, 79, 216, 0.28);

  box-shadow:
    0 10px 30px rgba(34, 211, 238, 0.10),
    0 6px 20px rgba(255, 79, 216, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);

  overflow: visible;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease,
    background 0.35s ease;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.challenge-card__icon svg {
  width: 36px;
  height: 36px;

  display: block;

  filter:
    drop-shadow(0 3px 7px rgba(255, 79, 216, 0.15))
    drop-shadow(0 3px 7px rgba(34, 211, 238, 0.12));

  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.35s ease;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.challenge-card__icon::before {
  content: "";

  position: absolute;
  width: 58px;
  height: 58px;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255, 79, 216, 0.14) 0%,
      rgba(34, 211, 238, 0.08) 42%,
      transparent 72%
    );

  filter: blur(8px);

  opacity: 0.6;

  pointer-events: none;

  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.challenge-card__icon:hover {
  transform: translateY(-5px) scale(1.04);

  border-color: rgba(255, 79, 216, 0.58);

  background:
    linear-gradient(
      135deg,
      rgba(255, 79, 216, 0.18) 0%,
      rgba(255, 255, 255, 0.96) 48%,
      rgba(34, 211, 238, 0.20) 100%
    );

  box-shadow:
    0 18px 38px rgba(255, 79, 216, 0.16),
    0 12px 32px rgba(34, 211, 238, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 1);
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.challenge-card__icon:hover svg {
  transform: scale(1.10) rotate(-2deg);

  filter:
    drop-shadow(0 5px 10px rgba(255, 79, 216, 0.24))
    drop-shadow(0 5px 10px rgba(34, 211, 238, 0.20));
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.challenge-card__icon:hover::before {
  opacity: 1;

  transform:
    translate(-50%, -50%)
    scale(1.20);
}

/* =========================================================
   MODA Y SECTOR TEXTIL
   RETOS - MAYOR CONTRASTE DE TEXTOS
   ========================================================= */

body[data-area="audiovisual"][data-industria="moda-textil"]
.challenge-card h3 {
  color: #0A0A0A;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.challenge-card p {
  color: #111111;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.challenge-card__number {
  display: inline-block;

  font-family: "Space Grotesk", sans-serif;
  font-size: 1.05rem;
font-weight: 800;
letter-spacing: 0.04em;
line-height: 1;

  background: linear-gradient(
    90deg,
    #FF4FD8 0%,
    #A855F7 48%,
    #22D3EE 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  opacity: 1;

  filter: drop-shadow(0 3px 8px rgba(255, 79, 216, 0.18));

  transition: transform 0.3s ease, filter 0.3s ease;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.challenge-card:hover .challenge-card__number {
  transform: translateX(3px);
  filter: drop-shadow(0 4px 10px rgba(255, 79, 216, 0.28));
}

/* =========================================================
   MODA Y SECTOR TEXTIL
   ICONOS PROFESIONALES - SECCIÓN SOLUCIONES
========================================================= */

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card__icon {
  width: 58px;
  height: 58px;

  display: grid;
  place-items: center;

  border-radius: 16px;

  color: #FF4FD8;

  background:
    linear-gradient(
      135deg,
      rgba(255, 79, 216, 0.12),
      rgba(34, 211, 238, 0.10)
    );

  border: 1px solid rgba(255, 79, 216, 0.32);

  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.20),
    0 0 18px rgba(255, 79, 216, 0.08);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}


/* SVG */

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card__icon svg {
  width: 28px;
  height: 28px;

  display: block;

  overflow: visible;
}


/* EFECTO HOVER */

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card:hover
.solution-card__icon {
  transform: translateY(-3px) scale(1.06);

  border-color: rgba(255, 79, 216, 0.65);

  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.28),
    0 0 22px rgba(255, 79, 216, 0.18),
    0 0 16px rgba(34, 211, 238, 0.10);
}

/* =========================================================
   MODA Y SECTOR TEXTIL
   SOLUCIONES - ACABADO PREMIUM DE ICONOS
   ========================================================= */

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card__icon {
    width: 72px;
    height: 72px;

    display: grid;
    place-items: center;

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 79, 216, 0.10),
            rgba(34, 211, 238, 0.08)
        );

    border: 1px solid rgba(255, 79, 216, 0.38);

    box-shadow:
        0 8px 24px rgba(255, 79, 216, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease;
}


/* Tamaño uniforme de todos los SVG */

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card__icon svg {
    width: 30px;
    height: 30px;

    display: block;

    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}


/* Hover de la caja */

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card:hover .solution-card__icon {
    transform: translateY(-3px) scale(1.05);

    border-color: rgba(255, 79, 216, 0.72);

    background:
        linear-gradient(
            145deg,
            rgba(255, 79, 216, 0.16),
            rgba(34, 211, 238, 0.13)
        );

    box-shadow:
        0 12px 30px rgba(255, 79, 216, 0.16),
        0 5px 20px rgba(34, 211, 238, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}


/* Microanimación del SVG */

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card:hover .solution-card__icon svg {
    transform: scale(1.10);

    filter:
        drop-shadow(0 0 5px rgba(255, 79, 216, 0.30))
        drop-shadow(0 0 7px rgba(34, 211, 238, 0.16));
}

/* =========================================================
   NUMERACIÓN DE LAS SOLUCIONES
   ========================================================= */

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card__number {
    font-family: "Space Grotesk", sans-serif;

    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;

    background: linear-gradient(
        90deg,
        #FF4FD8 0%,
        #A855F7 50%,
        #22D3EE 100%
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;

    opacity: 0.88;

    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        filter 0.3s ease;
}


body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card:hover .solution-card__number {
    opacity: 1;

    transform: translateX(2px);

    filter:
        drop-shadow(0 0 6px rgba(255, 79, 216, 0.25));
}

/* =========================================================
   HOVER GENERAL DE LA TARJETA
   ========================================================= */

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card {
    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        background 0.35s ease;
}


body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card:hover {
    transform: translateY(-5px);

    border-color: rgba(255, 79, 216, 0.38);

    background:
        linear-gradient(
            100deg,
            rgba(255, 79, 216, 0.035),
            rgba(34, 211, 238, 0.025)
        );

    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.18);
}

/* =========================================================
   MODA Y SECTOR TEXTIL
   AJUSTE DE DISTRIBUCIÓN - TARJETAS SOLUCIONES
   ========================================================= */

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card {
    display: grid;

    grid-template-columns:
        48px
        72px
        minmax(0, 1fr);

    column-gap: 22px;

    align-items: center;

    padding: 28px 30px;

    min-height: 150px;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card__icon {
    margin: 0;
    justify-self: center;
    align-self: center;
}


body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card__number {
    margin: 0;
    align-self: center;
    justify-self: start;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card h3 {
    margin: 0 0 8px;
    line-height: 1.25;
}


body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card p {
    margin: 0;
    line-height: 1.6;
}

/* =========================================================
   MODA Y SECTOR TEXTIL
   BORDE PREMIUM FUSCIA → VIOLETA → CIAN
   ========================================================= */

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card__icon {
    width: 72px;
    height: 72px;

    display: grid;
    place-items: center;

    border-radius: 20px;
    border: 1px solid transparent;

    background:
        linear-gradient(
            145deg,
            #18141F 0%,
            #151923 100%
        ) padding-box,

        linear-gradient(
            135deg,
            #FF4FD8 0%,
            #A855F7 48%,
            #22D3EE 100%
        ) border-box;

    box-shadow:
        0 10px 26px rgba(255, 79, 216, 0.08),
        0 8px 22px rgba(34, 211, 238, 0.05);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card:hover .solution-card__icon {
    transform: translateY(-4px) scale(1.05);

    box-shadow:
        0 0 0 1px rgba(255, 79, 216, 0.08),
        0 14px 34px rgba(255, 79, 216, 0.16),
        0 10px 28px rgba(34, 211, 238, 0.11);
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card__icon svg {
    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.solution-card:hover .solution-card__icon svg {
    transform: scale(1.10);

    filter:
        drop-shadow(0 0 5px rgba(255,79,216,0.30))
        drop-shadow(0 0 6px rgba(34,211,238,0.20));
}

/* =========================================================
   MODA Y SECTOR TEXTIL
   ENTREGABLES PREMIUM + ICONOS SVG
   ========================================================= */

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card {
  display: grid;
  grid-template-columns: 82px 1fr;
  grid-template-areas:
    "number number"
    "icon content";
  column-gap: 24px;
  row-gap: 18px;

  min-height: 230px;
  padding: 28px 30px;

  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 24px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 1),
      rgba(255, 248, 253, 0.96)
    );

  box-shadow:
    0 12px 35px rgba(15, 23, 42, 0.04);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}


/* NÚMERO */

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__number {
  grid-area: number;

  display: inline-block;
  width: max-content;

  font-family: "Space Grotesk", sans-serif;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;

  background: linear-gradient(
    90deg,
    #FF4FD8 0%,
    #A855F7 48%,
    #22D3EE 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}


/* CAJA DEL ICONO */

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__icon {
  grid-area: icon;

  width: 68px;
  height: 68px;

  display: grid;
  place-items: center;

  border: 1.5px solid transparent;
  border-radius: 20px;

  color: #FF2FCB;

  background:
    linear-gradient(
      145deg,
      #FFFFFF 0%,
      #FFF7FD 48%,
      #F3FCFF 100%
    ) padding-box,

    linear-gradient(
      135deg,
      #FF4FD8 0%,
      #A855F7 48%,
      #22D3EE 100%
    ) border-box;

  box-shadow:
    0 10px 28px rgba(15, 23, 42, 0.07),
    0 7px 20px rgba(255, 79, 216, 0.07);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;
}

/* TAMAÑO SVG */

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__icon svg {
  width: 34px;
  height: 34px;

  filter:
    drop-shadow(0 2px 4px rgba(255, 47, 203, 0.22));

  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}


/* CONTENIDO */

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__content {
  grid-area: content;
  align-self: center;
}


body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__content h3 {
  margin: 0 0 10px;

  color: #0F172A;

  font-family: "Space Grotesk", sans-serif;
  font-size: 1.12rem;
  font-weight: 750;
  line-height: 1.25;
}


body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__content p {
  margin: 0;

  color: #475569;

  font-size: 0.88rem;
  line-height: 1.65;
}


/* HOVER PREMIUM */

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card:hover {
  transform: translateY(-7px);

  border-color: rgba(255, 79, 216, 0.28);

  box-shadow:
    0 22px 45px rgba(15, 23, 42, 0.08),
    0 10px 30px rgba(255, 79, 216, 0.07);
}


body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card:hover
.deliverable-card__icon {
  transform: translateY(-4px) scale(1.06);

  background:
    linear-gradient(
      145deg,
      #FFFFFF 0%,
      #FFF4FC 48%,
      #ECFBFF 100%
    ) padding-box,

    linear-gradient(
      135deg,
      #FF4FD8 0%,
      #A855F7 48%,
      #22D3EE 100%
    ) border-box;

  box-shadow:
    0 14px 32px rgba(255, 79, 216, 0.13),
    0 10px 28px rgba(34, 211, 238, 0.09);
}


body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card:hover
.deliverable-card__icon svg {
  transform: scale(1.12);

  filter:
    drop-shadow(0 0 5px rgba(255, 47, 203, 0.35))
    drop-shadow(0 0 6px rgba(34, 211, 238, 0.20));
}


/* RESPONSIVE */

@media (max-width: 700px) {

  body[data-area="audiovisual"][data-industria="moda-textil"]
  .deliverable-card {
    grid-template-columns: 68px 1fr;
    column-gap: 18px;

    min-height: auto;
    padding: 24px 22px;
  }

  body[data-area="audiovisual"][data-industria="moda-textil"]
  .deliverable-card__icon {
    width: 64px;
    height: 64px;
    border-radius: 19px;
  }

  body[data-area="audiovisual"][data-industria="moda-textil"]
  .deliverable-card__icon svg {
    width: 31px;
    height: 31px;
  }
}

/* =========================================================
   MODA Y SECTOR TEXTIL
   AJUSTE FINO ENTREGABLES
   ========================================================= */

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card {
  grid-template-columns: 72px minmax(0, 1fr);
  column-gap: 20px;

  min-height: 215px;
  padding: 26px 26px;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__icon {
  width: 68px;
  height: 68px;
  border-radius: 20px;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__icon svg {
  width: 32px;
  height: 32px;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__content h3 {
  font-size: 1.06rem;
  line-height: 1.22;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__content p {
  font-size: 0.86rem;
  line-height: 1.58;
}

/* =========================================================
   MODA Y SECTOR TEXTIL
   ENTREGABLES - TEXTOS EN NEGRO
   ========================================================= */

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverables-copy h2 {
  color: #0A0A0A;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverables-copy p {
  color: #111111;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__content h3 {
  color: #0A0A0A;
}

body[data-area="audiovisual"][data-industria="moda-textil"]
.deliverable-card__content p {
  color: #111111;
}

/* ==========================================================
   INDUSTRIA Y MINERÍA
   Ajuste del título de la imagen destacada de soluciones
   ========================================================== */

@media (min-width: 901px) {
  #solutionsFeaturedTitle.solutions-featured-title--industria-mineria {
    font-size: clamp(2.2rem, 2.6vw, 3.1rem) !important;
    line-height: 1.04 !important;
  }
}

/* ==========================================================
   INDUSTRIA Y MINERÍA
   Ajuste de títulos FAQ + Diagnóstico + Formulario
   ========================================================== */

@media (min-width: 901px) {

  /* PREGUNTAS FRECUENTES */
  body.industria-mineria-page #faqTitle {
    font-size: clamp(3rem, 3.6vw, 4rem) !important;
    line-height: 0.98 !important;
    max-width: 580px;
  }

  /* DIAGNÓSTICO - COLUMNA IZQUIERDA */
 body.industria-mineria-page #diagnosticTitle {
  font-size: clamp(2.9rem, 3.4vw, 3.75rem) !important;
  line-height: 1 !important;
  max-width: 600px;
}

  /* TÍTULO DENTRO DEL FORMULARIO */
  body.industria-mineria-page #formTitle {
    font-size: clamp(1.9rem, 2.15vw, 2.45rem) !important;
    line-height: 1.08 !important;
  }
}

/* =========================================================
   EVENTOS Y EXPERIENCIAS
   Refuerzo del overlay en imagen destacada de Soluciones
   ========================================================= */

body[data-area="audiovisual"][data-industria="eventos-experiencias"]
.solutions-featured__overlay {
    background:
        linear-gradient(
            to bottom,
            rgba(3, 10, 19, 0.72) 0%,
            rgba(3, 10, 19, 0.48) 24%,
            rgba(3, 10, 19, 0.20) 48%,
            transparent 68%
        ),
        linear-gradient(
            to top,
            rgba(3, 10, 19, 0.96) 0%,
            rgba(3, 10, 19, 0.62) 25%,
            transparent 64%
        ),
        linear-gradient(
            to right,
            rgba(3, 10, 19, 0.42),
            transparent 72%
        );
}