.signage-proposal .web-hero h1{max-width:1030px}
.signage-proposal .web-hero h1 .hero-highlight{text-decoration:none}
.signage-proposal .web-hero-message{max-width:850px}
.signage-values{background:#fff;padding:49px 0 55px}
.signage-values-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.signage-values-grid>div{padding:4px 22px 0;border-right:1px solid #d9e1e6}
.signage-values-grid>div:first-child{padding-left:0}
.signage-values-grid>div:last-child{border:0;padding-right:0}
.signage-values b{display:block;font-size:27px;line-height:1;color:#159d89;font-weight:400;margin-bottom:20px}
.signage-values h2{font-size:15px;letter-spacing:.04em;margin:0 0 12px}
.signage-values p{font-size:15px;line-height:1.5;color:#4d5870;margin:0;max-width:24ch}
.signage-proposal .signage-feature{background:#f7faf9}
.signage-proposal .web-pillars{background:#51edc8;color:#1d2254}
@media(max-width:900px){.signage-values{padding:38px 0}.signage-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}.signage-values-grid>div{padding:0 20px!important;border:0}.signage-values-grid>div:nth-child(odd){padding-left:0!important;border-right:1px solid #d9e1e6}.signage-values b{font-size:24px;margin-bottom:11px}.signage-values p{font-size:14px}}
@media(max-width:480px){.signage-values-grid{grid-template-columns:1fr;gap:0}.signage-values-grid>div,.signage-values-grid>div:nth-child(odd){border:0;border-bottom:1px solid #d9e1e6;padding:18px 0!important}.signage-values-grid>div:first-child{padding-top:0!important}.signage-values-grid>div:last-child{border:0;padding-bottom:0!important}.signage-values b{margin-bottom:8px}}

/* Versión seleccionada: hero verde profundo, blanco legible y acento azul sobre verde claro. */
.signage-page.signage-proposal .web-hero{background:#136e61;color:#fff}
.signage-page.signage-proposal .web-kicker{color:#b6fbe9}
.signage-page.signage-proposal .web-lead,.signage-page.signage-proposal .web-hero-message p,.signage-page.signage-proposal .web-hero-message p:last-child{color:#fff}
.signage-page.signage-proposal .web-hero-message{border-color:#51edc8}
.signage-page.signage-proposal .web-hero .hero-highlight{color:#1d2254;background:#51edc8;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .12em;border-radius:3px}
.signage-page.signage-proposal .web-hero-cta{background:#1d2254;color:#fff}
.signage-page.signage-proposal .web-hero-scroll{color:#fff}
.signage-page.signage-proposal .web-hero-scroll:focus-visible{outline-color:#fff}
.signage-values .value-icon{display:block;width:39px;height:39px;color:#159d89;margin-bottom:18px}
.signage-values .value-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.signage-page.signage-proposal .commerce-steps span{font-size:inherit}
.signage-page.signage-proposal .commerce-steps span svg{width:29px;height:29px}
@media(max-width:900px){.signage-values .value-icon{width:34px;height:34px;margin-bottom:12px}}

/* Cierre de Señalética con la composición editorial de la Home. */
.signage-final-cta{background:#1d2254;color:#fff;padding:clamp(80px,8vw,120px) 0}
.signage-final-inner{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(36px,4.5vw,70px);align-items:center}
.signage-final-eyebrow{color:#51edc8;font-size:clamp(18px,1.5vw,22px);font-weight:700;letter-spacing:.1em;margin:0 0 26px}
.signage-final-points ul{list-style:none;padding:0;margin:0}
.signage-final-points li{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.2);padding:22px 0;color:rgba(255,255,255,.86);font-size:clamp(22px,1.85vw,27px);line-height:1.22}
.signage-final-points li:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
.signage-final-points strong{color:#fff;font-weight:700}
.signage-final-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(81,237,200,.46);border-radius:50%;background:rgba(81,237,200,.08);color:#51edc8}
.signage-final-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.signage-final-copy{display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:0}
.signage-final-copy h2{font-size:clamp(36px,3.5vw,58px);line-height:1.02;letter-spacing:-.054em;color:#fff;margin:0 0 36px;max-width:530px}
.signage-final-copy h2 span{color:#51edc8}
.signage-final-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:60px;padding:0 28px;background:#51edc8;color:#1d2254;text-decoration:none;white-space:nowrap;box-shadow:0 14px 34px rgba(0,0,0,.16)}
.signage-final-button:hover,.signage-final-button:focus-visible{background:#80f4d8;color:#1d2254}
.signage-final-button:focus-visible{outline:3px solid #51edc8;outline-offset:4px}
.signage-final-chat{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.signage-final-inner{grid-template-columns:1fr;gap:52px}.signage-final-points li{font-size:clamp(19px,3vw,24px)}.signage-final-copy h2{font-size:clamp(38px,9.5vw,58px)}.signage-final-button{width:100%;max-width:430px}}
@media(max-width:520px){.signage-final-cta{padding:62px 0}.signage-final-eyebrow{font-size:14px}.signage-final-points li{font-size:19px;padding:18px 0}.signage-final-copy h2{font-size:clamp(35px,9.4vw,48px)}.signage-final-button{font-size:14px;padding:0 19px}}
/* Verde de marca en el hero; contraste tipográfico azul y blanco. */
.signage-page.signage-proposal .web-hero{background:#51edc8;color:#1d2254}
.signage-page.signage-proposal .web-kicker,.signage-page.signage-proposal .web-lead,.signage-page.signage-proposal .web-hero-message p,.signage-page.signage-proposal .web-hero-message p:last-child,.signage-page.signage-proposal .web-hero-scroll{color:#1d2254}
.signage-page.signage-proposal .web-hero-message{border-color:#1d2254}
.signage-page.signage-proposal .web-hero .hero-highlight{color:#fff;background:#1d2254}
.signage-page.signage-proposal .web-hero-scroll:focus-visible{outline-color:#1d2254}
/* Un solo sistema de contenedores e íconos para beneficios y servicios. */
.signage-values .value-icon{width:56px;height:56px;border:2px solid #1d2254;border-radius:50%;background:#eafff9;color:#1d2254;display:grid;place-items:center;margin-bottom:18px}
.signage-values .value-icon svg{width:31px;height:31px;stroke-width:2}
.signage-page.signage-proposal .commerce-steps span svg{stroke-width:2}
@media(max-width:900px){.signage-values .value-icon{width:52px;height:52px}.signage-values .value-icon svg{width:29px;height:29px}}
/* Hero tipográfico: blanco y azul sin recuadro en el segundo tramo. */
.signage-page.signage-proposal .web-hero h1{color:#fff;text-shadow:0 2px 3px rgba(29,34,84,.28)}
.signage-page.signage-proposal .web-hero h1 .hero-highlight{color:#1d2254;background:transparent;padding:0;border-radius:0;text-shadow:none;text-decoration:none}
/* Hero de Señalética alineado con Web & E-commerce. */
.signage-page.signage-proposal .web-hero{background:#1d2254;color:#fff}
.signage-page.signage-proposal .web-kicker{color:#51edc8}
.signage-page.signage-proposal .web-hero h1{color:#fff;text-shadow:none}
.signage-page.signage-proposal .web-hero .hero-highlight,.signage-page.signage-proposal .web-hero h1 .hero-highlight{color:#51edc8;background:transparent;padding:0;border-radius:0;text-shadow:none;text-decoration:none}
.signage-page.signage-proposal .web-hero-message .signage-white-word{color:#fff;font:inherit;letter-spacing:inherit}
.signage-page.signage-proposal .web-lead,.signage-page.signage-proposal .web-hero-message p,.signage-page.signage-proposal .web-hero-message p:last-child{color:rgba(255,255,255,.88)}
.signage-page.signage-proposal .web-hero-message{border-color:#51edc8}
.signage-page.signage-proposal .web-hero-scroll{color:rgba(255,255,255,.88)}
.signage-page.signage-proposal .web-hero-scroll:focus-visible{outline-color:#51edc8}
.signage-page.signage-proposal .web-hero-cta{background:#51edc8;color:#1d2254}
.signage-page.signage-proposal .web-hero-cta:hover,.signage-page.signage-proposal .web-hero-cta:focus-visible{background:#80f4d8;color:#1d2254}

/* Boceto humano de circulación a la derecha del hero. */
.signage-page.signage-proposal .web-hero{position:relative;overflow:hidden}
.signage-page.signage-proposal .web-hero-copy{position:relative;z-index:1}
.signage-page.signage-proposal .web-hero h1{max-width:790px}
.signage-page.signage-proposal .web-lead{max-width:690px}
.signage-page.signage-proposal .web-hero-message{max-width:700px}
.signage-hero-sketch{position:absolute;right:max(3%,calc((100vw - 1510px)/2));top:7%;width:min(34vw,490px);height:78%;object-fit:contain;object-position:center;transform:rotate(5deg);pointer-events:none;opacity:.86}
@media(prefers-reduced-motion:no-preference){
  .signage-hero-sketch{-webkit-mask-image:linear-gradient(105deg,#000 43%,transparent 57%);mask-image:linear-gradient(105deg,#000 43%,transparent 57%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:signageSketchDraw 2.6s cubic-bezier(.25,.55,.18,1) .25s both}
  @keyframes signageSketchDraw{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
}
@media(max-width:1200px){.signage-page.signage-proposal .web-hero h1{max-width:65%}.signage-page.signage-proposal .web-lead,.signage-page.signage-proposal .web-hero-message{max-width:62%}.signage-hero-sketch{right:1%;width:35vw;top:12%;height:68%}}
@media(max-width:900px){.signage-page.signage-proposal .web-hero h1,.signage-page.signage-proposal .web-lead,.signage-page.signage-proposal .web-hero-message{max-width:none}.signage-hero-sketch{position:relative;display:block;top:auto;right:auto;width:min(74vw,410px);height:auto;max-height:360px;margin:-36px auto 36px;transform:rotate(5deg);opacity:.82}}

/* Carrusel editorial de proyectos de señalética. */
.signage-carousel-section{background:#fff;padding:clamp(58px,6vw,92px) 0 70px;overflow:hidden}
.signage-carousel-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
.signage-carousel-head h2{margin:0;color:#1d2254;font-size:clamp(13px,1.2vw,16px);font-weight:700;letter-spacing:.14em;line-height:1.4}
.signage-carousel-head p{margin:0;color:#58617a;font-size:15px}
.signage-carousel{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;outline-offset:5px}
.signage-carousel::-webkit-scrollbar{display:none}
.signage-carousel-track{display:flex;gap:18px}
.signage-carousel-card{flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start}
.signage-carousel-visual{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:#1d2254;color:#fff;border-radius:8px}
.signage-carousel-card img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1) contrast(.95);transition:filter .5s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.signage-carousel-visual::after{content:"";position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,rgba(29,34,84,0) 0%,rgba(29,34,84,.72) 42%,rgba(29,34,84,.96) 78%,#1d2254 100%);pointer-events:none}
.signage-carousel-caption{position:absolute;z-index:1;left:20px;right:20px;bottom:22px;display:grid;gap:7px}
.signage-carousel-eyebrow{color:#51edc8;font-size:12px;font-weight:700;letter-spacing:.1em}
.signage-carousel-caption strong{font-size:clamp(18px,1.65vw,25px);font-weight:600;line-height:1.15}

@media(hover:hover){.signage-carousel-visual:hover img{filter:grayscale(0);transform:scale(1.035)}}
.signage-carousel-card.biosecurity-card img{transform:scale(1.5);transform-origin:80% 45%}
@media(hover:hover){.signage-carousel-card.biosecurity-card .signage-carousel-visual:hover img{transform:scale(1.54)}}

.signage-carousel-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
.signage-carousel-controls button{width:44px;height:44px;border:1px solid #1d2254;background:#fff;color:#1d2254;font-size:24px;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease}
.signage-carousel-controls button:hover:not(:disabled),.signage-carousel-controls button:focus-visible{background:#1d2254;color:#51edc8}
.signage-carousel-controls button:disabled{opacity:.35;cursor:default}
#carrusel-senaletica{scroll-margin-top:96px}
@media(max-width:900px){.signage-carousel-card{flex-basis:calc((100% - 18px)/2)}.signage-carousel-head{align-items:start;flex-direction:column;gap:8px}}
@media(max-width:650px){.signage-carousel-section{padding:56px 0}.signage-carousel-card{flex-basis:84%}.signage-carousel-visual{aspect-ratio:4/5}.signage-carousel-caption{left:18px;right:18px;bottom:18px}.signage-carousel-caption strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.signage-carousel-card img,.signage-carousel-controls button{transition:none}}

/* Carrusel de navegación manual. */
.signage-carousel{scroll-snap-type:none}
.signage-carousel-track{position:relative}
.signage-carousel-card{scroll-snap-align:none}
.signage-carousel-visual::after{background:linear-gradient(180deg,rgba(29,34,84,0) 0%,rgba(29,34,84,.72) 42%,rgba(29,34,84,.96) 78%,#1d2254 100%)}
.signage-carousel-summary{display:block;width:100%;min-height:86px;color:rgba(255,255,255,.92);font-size:15px;line-height:1.42;font-weight:400}
.signage-carousel-controls button{border-radius:50%;display:grid;place-items:center;width:46px;height:46px}
.signage-carousel-controls button:disabled{opacity:1;cursor:pointer}
@media(max-width:650px){.signage-carousel-summary{min-height:96px;font-size:14px;line-height:1.35}.signage-carousel-visual::after{height:72%;background:linear-gradient(180deg,rgba(29,34,84,0) 0%,rgba(29,34,84,.82) 34%,#1d2254 100%)}}

.signage-carousel-card.is-featured img{object-position:center 20%}
.signage-proposal .pillar-green{background:transparent;color:inherit;border-color:rgba(29,34,84,.28);padding:0 40px 0 40px;border-radius:0}
.signage-proposal .pillar-green header>b{color:#1d2254}
.signage-proposal .pillar-green .web-service p{color:#1d2254}
.signage-proposal .pillar{border-color:rgba(29,34,84,.28)}
.signage-proposal .pillar header>b{color:#1d2254}
@media(min-width:1000px){.signage-proposal .web-pillars-title{max-width:none;font-size:clamp(29px,2.35vw,36px);white-space:nowrap}}
.signage-carousel-controls{align-items:center;gap:12px;margin-top:26px}
.signage-carousel-hint{margin-right:7px;color:#1d2254;font-size:12px;font-weight:700;letter-spacing:.09em}
.signage-carousel-controls button{width:58px;height:58px;border:2px solid #1d2254;background:#1d2254;color:#51edc8;font-family:Arial,sans-serif;font-size:34px;font-weight:600;line-height:1;box-shadow:0 5px 15px rgba(29,34,84,.17)}
.signage-carousel-controls button:hover,.signage-carousel-controls button:focus-visible{background:#51edc8;color:#1d2254;transform:translateY(-2px)}
.signage-carousel-controls button:focus-visible{outline:3px solid #1d2254;outline-offset:3px}
@media(max-width:650px){.signage-carousel-hint{font-size:10px;letter-spacing:.04em;margin-right:auto}.signage-carousel-controls{gap:9px}.signage-carousel-controls button{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.signage-carousel-controls button:hover,.signage-carousel-controls button:focus-visible{transform:none}}

/* Recupera la línea continua de íconos del proceso. */
.signage-page.signage-proposal .signage-process{background:#fff;color:#1d2254;padding:78px 0 86px}
.signage-process .commerce-grid{display:grid;grid-template-columns:1fr;gap:42px}
.signage-process .commerce-intro{max-width:780px}
.signage-process .commerce-intro h2{font-size:clamp(30px,2.6vw,38px);line-height:1.14;letter-spacing:-.025em;margin:0 0 18px}
.signage-page.signage-proposal .signage-process .commerce-intro p{color:#36415f;font-size:16px;line-height:1.55;margin:0}
.signage-process .commerce-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;position:relative}
.signage-process .commerce-steps::before{content:"";position:absolute;z-index:0;top:26px;left:27px;right:calc(16.6667% - 42px);height:2px;background:#51edc8}
.signage-process .commerce-steps li{position:relative;z-index:1;min-width:0}
.signage-process .commerce-steps li:not(:last-child)::after{display:none!important}
@media(prefers-reduced-motion:no-preference){
  .signage-process.process-ready .commerce-steps li{opacity:1;transform:none}
  .signage-process.process-ready .commerce-steps::before{transform:scaleX(0);transform-origin:left center;transition:transform 1.15s cubic-bezier(.2,.65,.2,1)}
  .signage-process.process-ready.is-active .commerce-steps::before{transform:scaleX(1);transition-delay:1.27s}
}
.signage-page.signage-proposal .signage-process .commerce-steps span{width:54px;height:54px;margin:0 0 20px;background:#eafff9;border:2px solid #1d2254;border-radius:50%;color:#1d2254;box-shadow:none}
.signage-page.signage-proposal .signage-process .commerce-steps span svg{width:29px;height:29px;stroke-width:1.9}
.signage-process .commerce-steps h3{font-size:16px;line-height:1.25;margin:0 0 9px}
.signage-page.signage-proposal .signage-process .commerce-steps h3,.signage-page.signage-proposal .signage-process .commerce-steps p{display:block;position:relative;z-index:2;color:#1d2254!important;visibility:visible;opacity:1}
.signage-page.signage-proposal .signage-process .commerce-steps p{font-size:13px;line-height:1.45;color:#36415f;margin:0}
@media(max-width:1100px){.signage-process .commerce-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px}.signage-process .commerce-steps::before{display:none}}
@media(max-width:650px){.signage-page.signage-proposal .signage-process{padding:62px 0}.signage-process .commerce-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.signage-process .commerce-intro h2{font-size:clamp(27px,6vw,34px)}.signage-process .commerce-steps h3{font-size:16px}.signage-page.signage-proposal .signage-process .commerce-steps p{font-size:14px}}
.signage-page.signage-proposal .signage-process .commerce-intro h2{display:block!important;visibility:visible!important;opacity:1!important;color:#1d2254!important}
