/*
Theme Name: Brick
Description: Diseño de Brick con máscaras interactivas y recursos reemplazables.
Version: 1.9.0
Text Domain: brick
*/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--red:#e80027;--cream:#f5e8d5;--black:#050505;--font:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--black);font-family:var(--font);color:white}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #4bbce8;outline-offset:7px}::selection{background:#70d0ee;color:#050505}.hero{height:720px;min-height:580px;background:var(--red);position:relative;overflow:hidden}nav{position:relative;z-index:3;max-width:1050px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:140px;padding:0 35px}nav>a{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.logo,.footer-logo{font-family:'Archivo Black',Arial,sans-serif;letter-spacing:-.09em;text-transform:none;font-size:54px;transform:rotate(-9deg);color:white;text-shadow:-3px -3px #050505,3px -3px #050505,-3px 3px #050505,3px 3px #050505;position:relative}.logo span{font-size:20px;position:absolute;right:-9px;top:0}.pill{border:1px solid #ffffff88;border-radius:30px;padding:9px 24px}.hero-art{position:absolute;inset:130px 9% 0;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center}.placeholder-label{position:absolute;font-size:10px;letter-spacing:.23em;font-weight:600;z-index:1;opacity:.55;top:20px;left:20px}.hero-word{font-family:'Archivo Black',Arial,sans-serif;font-size:clamp(140px,26vw,390px);letter-spacing:-.12em;line-height:.8;color:#a9001c;transform:rotate(-5deg);user-select:none}.hero-word span{color:#bf001f}.cross{position:absolute;color:#ff4560;font-size:130px}.cross-one{left:0;top:20%}.cross-two{right:0;bottom:15%;font-size:75px}.hero-bottom{position:absolute;bottom:35px;left:10.5%;right:10.5%;display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-weight:900;font-size:32px;line-height:.96;margin:0;letter-spacing:-.05em}.hero-bottom p:last-child{text-align:right}.hero-caption{font-size:10px;letter-spacing:.25em;font-weight:600;margin-bottom:3px}.about{max-width:1300px;margin:auto;padding:100px 10.5% 110px}.about-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.about-copy{padding-bottom:20px;text-align:center;font-size:17px;line-height:1.25;font-weight:500}.about-copy p+p{margin-top:28px}.about h1{color:var(--red);font-weight:900;font-size:clamp(65px,8vw,125px);line-height:.85;letter-spacing:-.075em;margin:0;position:relative;padding-bottom:40px}.brick-type{display:block;background:var(--red);color:white;font-family:'Archivo Black',Arial,sans-serif;font-size:1.04em;width:max-content;line-height:.95;transform:rotate(-12deg);padding:0 12px 6px;margin-left:35px;letter-spacing:-.09em}.about h1 i{font-style:normal;color:#83d4f6;position:absolute;right:-10px;bottom:3px;font-size:55px}.about-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:center;margin-top:100px}.section-links>a{display:block;position:relative;border-bottom:1px solid #777;padding:9px 0 10px}.section-links small{display:block;font-size:8px;color:#aaa}.section-links span{font-size:24px;letter-spacing:-.04em;display:block}.section-links em{font-style:normal;font-size:8px;display:block;margin-top:3px}.section-links b{position:absolute;right:0;bottom:11px;font-size:8px;font-weight:500}.section-links a:hover span{color:var(--red)}.basket{height:280px;width:215px;position:relative;margin:20px auto;transform:rotate(-4deg)}.basket-grid{position:absolute;inset:15px 0 0;border:13px solid #b60010;border-radius:33px;background:repeating-linear-gradient(0deg,transparent 0 13px,#c20016 13px 18px),repeating-linear-gradient(90deg,#210000 0 15px,#cd0017 15px 20px);box-shadow:inset 0 0 0 5px #ed2637,4px 5px 0 #650000}.basket-handle{height:22px;width:120px;border:6px solid #c0a755;background:#63562e;position:absolute;top:2px;left:47px;z-index:1;border-radius:4px}.sticker{position:absolute;z-index:2;font-size:23px;font-weight:800;padding:2px 10px;border-radius:12px;white-space:nowrap;letter-spacing:-.05em}.s1{background:#f6e7d7;color:var(--red);top:45px;left:-35px;transform:rotate(9deg)}.s2{background:#d5a568;right:-7px;top:116px;transform:rotate(9deg)}.s3{background:#20afea;left:-30px;top:180px;transform:rotate(-12deg)}.s4{background:var(--red);right:-30px;top:223px;transform:rotate(-9deg)}.basket>b{position:absolute;top:0;right:-35px;color:var(--red);font-size:26px}.testimonial{background:#fff;color:#080808;border-top:15px solid #222;display:grid;grid-template-columns:1.4fr 1fr;min-height:360px}.quote{padding:60px 20px 50px max(10%,50px);position:relative;align-self:center}.quote>span{position:absolute;left:10%;top:25px;font-size:75px;font-weight:900}.quote blockquote{font-size:18px;line-height:1.25;letter-spacing:-.035em;font-weight:600;margin:0}.quote p{font-size:15px;color:#666;margin-top:30px}.testimonial-art{position:relative;background:var(--red);clip-path:polygon(17% 0,100% 0,100% 100%,0 100%,27% 60%);display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;overflow:hidden}.testimonial-art strong{font-size:55px;line-height:.9;transform:rotate(-10deg);letter-spacing:-.07em}.testimonial-art i{font-size:120px;position:absolute;right:10px;bottom:-20px;font-style:normal;color:#ae001e}.ticker{background:#242424;overflow:hidden;height:25px;display:flex;align-items:center}.ticker>div{font-size:9px;letter-spacing:.23em;white-space:nowrap;min-width:max-content;margin:auto}.ticker b{font-size:22px;margin:0 24px}.ticker.red{background:var(--red);color:black}.services{background:var(--cream);color:#080808;position:relative;height:850px;overflow:hidden}.services h2{position:absolute;right:10.5%;top:140px;margin:0;text-align:right;font-weight:400;font-size:70px;line-height:.93;letter-spacing:-.075em}.services h2 strong{font-weight:800}.service-hint{position:absolute;right:11%;top:290px;font-size:9px;letter-spacing:.13em;color:#7a6d5d}.service-track{position:absolute;width:1000px;height:620px;left:50%;top:150px;transform:translateX(-50%)}.service{position:absolute;border:0;padding:0;width:255px;height:230px;background:transparent;cursor:pointer;color:#080808}.mask{position:absolute;inset:0;background:#f0d9c8;overflow:hidden;clip-path:polygon(0 0,100% 40%,44% 100%);transition:background .25s}.mask-art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--service-color,#9c85f5);opacity:0;transform:scale(1.08);transition:opacity .3s,transform .5s;background-position:center;background-size:cover;color:#fff}.mask-art>b{font-size:94px;letter-spacing:-.12em;transform:rotate(-17deg);line-height:1;font-weight:900}.mask-art>b span{color:#121212}.mask-art small{font-size:8px;letter-spacing:.12em;margin-top:12px;transform:rotate(-17deg)}.service-name{position:absolute;left:0;bottom:0;font-size:20px;letter-spacing:-.06em;font-weight:700;white-space:nowrap;transition:color .2s}.service:is(:hover,:focus-visible,.active) .mask-art{opacity:1;transform:scale(1)}.service:is(:hover,:focus-visible,.active) .service-name{color:var(--red)}.service-1{left:15px;top:0;width:230px;height:205px}.service-1 .mask{clip-path:polygon(12% 0,100% 18%,47% 100%)}.service-1 .service-name{left:-25px;bottom:35px}.service-2{left:185px;top:95px;--service-color:#ed6384}.service-2 .mask{clip-path:polygon(24% 0,100% 40%,40% 100%,0 55%)}.service-2 .service-name{left:-40px;bottom:-5px}.service-3{left:345px;top:245px;width:290px;height:190px;--service-color:#007f96}.service-3 .mask{clip-path:polygon(22% 0,100% 100%,0 100%)}.service-3 .service-name{left:0;bottom:-35px}.service-4{left:565px;top:390px;width:225px;height:180px;--service-color:#f15b20}.service-4 .mask{clip-path:polygon(5% 0,100% 36%,38% 100%,0 40%)}.service-4 .service-name{left:-25px;bottom:30px}.service-5{left:730px;top:510px;width:225px;height:90px;--service-color:#437fe1}.service-5 .mask{clip-path:polygon(0 0,100% 100%,4% 100%)}.service-5 .mask-art>b{font-size:65px}.service-5 .mask-art small{display:none}.service-5 .service-name{left:-60px;bottom:0}.brands{padding:30px 5% 20px;text-align:center}.brands-label{font-size:9px;letter-spacing:.2em;color:#999;margin:0 0 22px}.brand-list{display:flex;align-items:center;justify-content:space-around;gap:28px;max-width:1200px;margin:auto}.brand-list>span{font-weight:800;font-size:20px;line-height:.85;color:#bbb}.brand-list>span:nth-child(2){font-size:14px;letter-spacing:-.07em}.brand-list>span:nth-child(3){font-size:19px;font-style:italic}.brand-script{font-family:Georgia,serif;font-style:italic;font-size:30px!important}.brands>small{display:block;color:#777;font-size:9px;margin-top:22px}.contact{background:white;color:#111;padding:95px max(10.5%,calc((100vw - 1000px)/2)) 70px}.contact-heading{position:relative;padding-left:55px}.contact h2{color:var(--red);font-size:110px;letter-spacing:-.075em;line-height:1;margin:0;font-weight:800;width:max-content}.contact h2>span{color:black;font-size:65px;display:inline-block;vertical-align:top;transform:rotate(15deg);margin-top:-25px}.contact-heading>p{font-size:17px;line-height:1.4;max-width:680px;margin:22px 0 65px;letter-spacing:-.04em}.ice-star{position:absolute;left:-55px;top:-40px;font-size:160px;color:#c1dce4;transform:rotate(-15deg)}form label{display:block;font-size:0}input,textarea{display:block;border:0;border-bottom:1px solid #ddd;width:100%;padding:22px 0 10px;background:transparent;border-radius:0;color:#111;font-size:19px;resize:vertical;outline:none}input:focus,textarea:focus{border-color:var(--red)}.send{margin-top:50px;border:0;border-radius:40px;background:var(--red);color:#fff;padding:12px 30px;font-size:16px;letter-spacing:.35em;cursor:pointer;font-weight:600}.send span{font-size:26px;vertical-align:middle;line-height:1;margin-left:8px}.send:hover{background:#b70020}.form-note,#form-status{font-size:12px;color:#777;margin-top:15px;line-height:1.5}footer{position:relative;background:#fff;min-height:300px;overflow:hidden;padding-top:160px}.mountain-back,.mountain-front{position:absolute;inset:0;background:#ddd;clip-path:polygon(0 0,12% 37%,26% 10%,43% 55%,62% 0,78% 40%,96% 6%,100% 70%,100% 100%,0 100%)}.mountain-front{background:black;clip-path:polygon(0 80%,7% 6%,13% 47%,30% 66%,39% 39%,58% 74%,70% 48%,92% 75%,95% 55%,100% 100%,0 100%)}.footer-content{position:relative;display:flex;align-items:end;justify-content:space-between;padding:10px 10.5% 35px;background:linear-gradient(transparent,#000 35%)}.footer-content>div>a{display:block;font-size:16px;margin:12px 0;font-weight:600}.footer-content small{display:block;color:#888;font-size:10px;margin-top:25px}.footer-logo{font-size:110px;background:var(--red);padding:0 10px;line-height:1}.footer-logo span{font-size:40px;position:absolute;top:-13px;right:-20px}.image-slot.has-image>*{visibility:hidden}.service .mask-art.has-image{background-color:transparent}
@media(min-width:1500px){.hero{height:820px}.about{padding-left:100px;padding-right:100px}}
@media(max-width:800px){.hero{height:600px;min-height:0}nav{height:105px;padding:0 6%;gap:15px}nav>a{font-size:9px}.logo{font-size:40px}.pill{padding:7px 12px}.hero-art{inset:110px 5% 0}.hero-word{font-size:29vw}.hero-bottom{left:7%;right:7%}.hero-bottom p{font-size:24px}.hero-caption{font-size:8px}.about{padding:70px 7%}.about-top{gap:25px}.about-copy{font-size:14px}.about h1{font-size:70px}.brick-type{margin-left:5px}.about-bottom{gap:35px;margin-top:65px}.basket{transform:scale(.8) rotate(-4deg);transform-origin:center}.section-links span{font-size:20px}.section-links b{font-size:6px}.testimonial{min-height:290px;grid-template-columns:1.4fr 1fr}.quote{padding:45px 15px 25px 12%}.quote blockquote{font-size:14px}.quote p{font-size:12px}.testimonial-art strong{font-size:38px}.services{height:670px}.services h2{top:70px;font-size:55px;right:7%}.service-hint{top:185px;right:7%}.service-track{transform:translateX(-50%) scale(.72);transform-origin:top center;top:110px}.contact{padding:75px 9% 30px}.contact h2{font-size:80px}.contact h2>span{font-size:45px}.contact-heading{padding-left:25px}.contact-heading>p{font-size:15px}.ice-star{font-size:120px;left:-45px;top:-30px}.brand-list{flex-wrap:wrap}.brand-list>span{flex-basis:26%;font-size:17px}footer{min-height:270px}.footer-logo{font-size:75px}.footer-content>div>a{font-size:12px}}
@media(max-width:520px){nav{gap:9px;padding:0 5%}nav>a{font-size:8px}.logo{font-size:34px}.pill{padding:6px 9px}.hero{height:500px}.hero-bottom p{font-size:20px}.hero-caption{display:none}.hero-art>.placeholder-label{font-size:8px}.about-top{display:flex;flex-direction:column-reverse;align-items:stretch}.about h1{font-size:80px;align-self:center;margin-bottom:15px}.about-copy{font-size:15px}.about-bottom{grid-template-columns:1fr;margin-top:35px;gap:20px}.section-links span{font-size:24px}.section-links b{font-size:8px}.basket{transform:scale(.85) rotate(-4deg);margin:0 auto}.testimonial{grid-template-columns:1fr}.quote{padding:60px 9% 25px}.quote>span{top:15px;left:7%}.quote blockquote{font-size:16px}.testimonial-art{height:220px;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.testimonial-art strong{font-size:55px}.services{height:750px}.services h2{top:60px;font-size:48px}.service-hint{top:170px;font-size:8px}.service-track{width:360px;height:550px;top:200px;transform:translateX(-50%)}.service{width:155px;height:145px}.service-name{font-size:14px}.service-1{left:15px;top:0}.service-1 .service-name{left:0;bottom:-12px}.service-2{left:180px;top:75px}.service-2 .service-name{left:0;bottom:-15px}.service-3{left:20px;top:180px;width:190px;height:130px}.service-3 .service-name{bottom:-25px}.service-4{left:190px;top:285px;width:150px;height:135px}.service-4 .service-name{left:0;bottom:-20px}.service-5{left:55px;top:420px;width:190px;height:80px}.service-5 .service-name{left:0;bottom:-25px}.mask-art>b{font-size:65px}.mask-art small{font-size:6px}.contact h2{font-size:62px}.contact h2>span{font-size:30px;margin-top:-10px}.contact-heading{padding-left:0}.ice-star{font-size:80px;top:-45px;left:-15px;opacity:.6}.contact-heading>p{margin-bottom:35px}.contact{padding-top:80px}input,textarea{font-size:17px}.footer-logo{font-size:55px}.footer-content{padding-left:7%;padding-right:7%}.footer-logo span{font-size:25px}.footer-content>div>a{font-size:11px}.footer-content small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Portada: medios a sangre, interfaz en primer plano. */
.hero{isolation:isolate}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;visibility:hidden}.hero.video-playing .hero-video{visibility:visible}.hero .hero-art{inset:0;z-index:0;pointer-events:none}.hero.video-playing .hero-art{visibility:hidden}.hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 30%,transparent 65%,rgba(0,0,0,.25))}.hero-bottom{z-index:2;pointer-events:none}.hero nav{z-index:3}.hero .placeholder-label{top:155px}.video-toggle{position:absolute;z-index:4;bottom:100px;right:10.5%;border:1px solid #ffffff88;border-radius:30px;padding:8px 14px;color:#fff;background:#0005;font-size:11px;cursor:pointer}.video-toggle[hidden],.header-logo-image[hidden]{display:none}.header-logo-image{display:block;width:150px;max-height:90px;object-fit:contain}.logo.has-logo{transform:none;text-shadow:none;line-height:1}.logo.has-logo .logo-fallback{display:none}.logo-fallback{position:relative;display:block}.logo-fallback>span{position:absolute;right:-9px;top:0}.hero-art.has-image{background-position:center;background-size:cover}.hero-word{pointer-events:none}
@media(max-width:800px){.header-logo-image{width:110px;max-height:70px}.hero .placeholder-label{top:120px}.video-toggle{right:7%;bottom:90px}}
@media(max-width:520px){.header-logo-image{width:85px;max-height:60px}.video-toggle{font-size:10px}}

.sound-toggle{position:absolute;z-index:4;bottom:145px;right:10.5%;border:1px solid #ffffff88;border-radius:30px;padding:8px 14px;color:#fff;background:#0005;font-size:11px;cursor:pointer}.sound-toggle[hidden]{display:none}.sound-toggle:hover,.video-toggle:hover{background:#0009}.sound-toggle[aria-pressed="true"]{background:#fff;color:#111}
@media(max-width:800px){.sound-toggle{right:7%;bottom:135px}}
@media(max-width:520px){.sound-toggle{font-size:10px}}

/* Testimonios y marcas editables — v1.3 */
.testimonial-carousel{background:#fff;color:#080808;border-top:15px solid #222;position:relative}.testimonial-viewport{overflow:hidden}.testimonial-track{display:flex;align-items:stretch;transition:transform .75s cubic-bezier(.22,.7,.25,1);will-change:transform}.testimonial-slide{flex:0 0 100%;min-width:0;border-top:0;min-height:360px}.quote{padding:70px 35px 45px max(10%,50px);align-self:center;min-width:0}.quote>span.quote-mark{position:static;display:block;font-family:Georgia,serif;font-size:85px;line-height:.65;height:48px;margin:0 0 14px;color:#050505}.quote blockquote{overflow-wrap:anywhere}.quote p{line-height:1.5}.quote-credit strong{font-weight:600}.testimonial-photo{clip-path:polygon(17% 0,100% 0,100% 100%,0 100%,27% 60%);min-height:360px}.testimonial-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.carousel-controls{display:flex;align-items:center;gap:14px;padding:0 10.5% 22px}.carousel-controls[hidden]{display:none}.carousel-controls button,.brands-pause{border:1px solid #ccc;background:transparent;color:inherit;border-radius:22px;padding:7px 13px;cursor:pointer;font-size:12px}.carousel-controls button:hover{border-color:var(--red);color:var(--red)}.carousel-count{font-size:12px;color:#666}.carousel-controls .carousel-pause{margin-left:10px;font-size:10px}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.brand-marquee{overflow:hidden;width:100%;margin:20px auto 12px}.brand-motion{display:flex;width:max-content;animation:brick-marquee 35s linear infinite}.brand-group{display:flex;align-items:center;gap:60px;padding-right:60px;flex-shrink:0;min-width:100vw}.brand-group>span{width:150px;min-height:75px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:19px;line-height:1.1;font-weight:800;color:#ddd}.brand-item img{width:auto;height:auto;max-width:150px;max-height:75px;object-fit:contain}.brands-pause{color:#aaa;border-color:#555;font-size:10px;margin:5px auto 0}.brands:hover .brand-motion,.brands:focus-within .brand-motion,.brands-stopped .brand-motion{animation-play-state:paused}.brands-user-motion .brand-motion{animation-duration:35s}.contact-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.send:disabled{opacity:.6;cursor:wait}.footer-logo-image{display:block;width:210px;max-height:140px;object-fit:contain}.footer-logo-image[hidden]{display:none}.footer-logo.has-logo{padding:0;background:transparent;transform:none;text-shadow:none}.footer-logo.has-logo .footer-logo-fallback{display:none}.footer-logo-fallback{position:relative;display:block}.footer-logo-fallback>span{position:absolute;top:-13px;right:-20px}.footer-content>div>a{overflow-wrap:anywhere}
@keyframes brick-marquee{to{transform:translateX(-50%)}}
@media(max-width:800px){.testimonial-slide{min-height:320px}.quote{padding:48px 20px 25px 10%}.quote>span.quote-mark{font-size:70px;height:38px;margin-bottom:12px}.testimonial-photo{min-height:320px}.brand-group{gap:35px;padding-right:35px}.brand-group>span{width:120px}.brand-item img{max-width:120px;max-height:65px}.footer-logo-image{width:150px;max-height:100px}}
@media(max-width:520px){.testimonial-slide{display:flex;flex-direction:column}.quote{padding:45px 9% 25px}.testimonial-photo{min-height:240px;height:240px;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.carousel-controls{padding:18px 7%;gap:8px}.carousel-controls .carousel-pause{margin-left:auto;font-size:9px}.footer-logo-image{width:95px;max-height:85px}.footer-content{gap:15px}.footer-content>div{min-width:0}}
@media(prefers-reduced-motion:reduce){.brand-motion{animation:none!important;transform:none}.brands-user-motion .brand-motion{animation:brick-marquee 35s linear infinite!important}.testimonial-track{transition:none!important}}


/* Contactos con iconos — v1.4 */
.footer-content>div>a{display:flex;align-items:center;gap:10px}.contact-icon{width:19px;height:19px;flex:0 0 19px}.footer-content>div>a>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:520px){.contact-icon{width:16px;height:16px;flex-basis:16px}.footer-content>div>a{gap:7px}}

/* Carrusel automático sin franja de controles — v1.6 */
.testimonial-track{display:grid;transform:none!important;transition:none!important;will-change:auto}.testimonial-slide{grid-area:1 / 1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .85s ease,visibility .85s ease}.testimonial-slide.testimonial-active,.testimonial-slide:first-child:not([aria-hidden="true"]){opacity:1;visibility:visible;pointer-events:auto}.testimonial-carousel .carousel-controls,.testimonial-carousel .carousel-announcement{display:none!important}.testimonial-carousel{padding-bottom:0}.testimonial-viewport{margin-bottom:0}
@media(prefers-reduced-motion:reduce){.testimonial-slide{transition:none!important}}

/* PNG del testimonio sobre el fondo, sin máscara — v1.7 */
.testimonial-slide{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.testimonial-slide .quote{position:relative;z-index:2;padding-right:60px}
.testimonial-slide .testimonial-photo{position:relative;z-index:1;clip-path:none;background:transparent;overflow:visible;min-height:360px;align-self:stretch;isolation:isolate}
.testimonial-slide .testimonial-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--red);clip-path:polygon(17% 0,100% 0,100% 100%,-35% 100%,0 80%,27% 85%,27% 60%)}
.testimonial-slide .testimonial-photo img{position:absolute;inset:auto -1px 0 auto;width:calc(100% + 100px);max-width:none;height:100%;object-fit:contain;object-position:right bottom;z-index:1}
@media(max-width:800px){.testimonial-slide .quote{padding-right:45px}.testimonial-slide .testimonial-photo{min-height:340px}.testimonial-slide .testimonial-photo img{width:calc(100% + 60px)}}
@media(max-width:520px){.testimonial-slide .quote{padding:45px 9% 25px}.testimonial-slide .testimonial-photo{min-height:290px;height:290px;overflow:hidden}.testimonial-slide .testimonial-photo::before{clip-path:polygon(50% 0,100% 0,100% 100%,0 100%,15% 75%,45% 82%)}.testimonial-slide .testimonial-photo img{width:100%;height:100%;object-position:right bottom}}

/* Siluetas trazadas de originales del cliente — v1.8 */
.services{height:auto;min-height:0;aspect-ratio:984 / 620;position:relative;background:var(--cream)}
.services .service-track{position:absolute;inset:0;width:100%;height:100%;transform:none;left:0;top:0}
.services h2{top:21.1%;right:10.8%;font-size:clamp(45px,6.45vw,104px);line-height:.94;letter-spacing:-.075em}
.services .service-hint{display:none}
.services .service{height:auto;padding:0;overflow:visible}
.services .service .mask{inset:0;background:#f1ddce}
.services .service-name{bottom:auto;font-size:clamp(12px,1.94vw,30px);line-height:1;letter-spacing:-.055em}
.services .service-1{left:21.75%;top:20.65%;width:14.63%;aspect-ratio:1.0559120073327222}
.services .service-2{left:29.37%;top:25%;width:16.46%;aspect-ratio:0.9332376166547021}
.services .service-3{left:39.02%;top:38.55%;width:25.61%;aspect-ratio:2.244785949506037}
.services .service-4{left:58.13%;top:57.9%;width:16.57%;aspect-ratio:1.2855750487329434}
.services .service-5{left:69.31%;top:67.58%;width:20.33%;aspect-ratio:2.004932182490752}
.services .service-1 .service-name{left:-76%;top:55%;bottom:auto}
.services .service-2 .service-name{left:-49%;top:80%;bottom:auto}
.services .service-3 .service-name{left:-14%;top:114%;bottom:auto}
.services .service-4 .service-name{left:-23%;top:62%;bottom:auto}
.services .service-5 .service-name{left:-14%;top:87%;bottom:auto}
.services .service-1 .mask{clip-path:polygon(7.378% 0%,0% 40.33%,48.872% 100%,100% 14.115%)}
.services .service-2 .mask{clip-path:polygon(49.846% 0%,14.154% 47.236%,0% 65.398%,36.923% 69.131%,50% 70.782%,51.154% 77.028%,56.692% 100%,100% 37.186%)}
.services .service-3 .mask{clip-path:polygon(36.381% 0%,0% 100%,100% 100%)}
.services .service-4 .mask{clip-path:polygon(40.561% 0%,14.708% 3.314%,0% 54.581%,20.394% 54.678%,42.684% 100%,100% 37.524%)}
.services .service-5 .mask{clip-path:polygon(33.641% 0%,0% 62.022%,45.08% 73.12%,45.08% 100%,100% 100%)}
@media(max-width:600px){
.services{aspect-ratio:430 / 640}
.services h2{top:8%;right:7%;font-size:clamp(35px,9vw,54px)}
.services .service-name{font-size:clamp(10px,3.1vw,18px)}
.services .service-1{left:24%;top:26%;width:25%}
.services .service-2{left:37%;top:31%;width:27%}
.services .service-3{left:28%;top:49%;width:44%}
.services .service-4{left:56%;top:64%;width:28%}
.services .service-5{left:57%;top:78%;width:34%}
.services .service-1 .service-name{left:-76%;top:54%}
.services .service-2 .service-name{left:-100%;top:80%}
.services .service-3 .service-name{left:-14%;top:114%}
.services .service-4 .service-name{left:-48%;top:60%}
.services .service-5 .service-name{left:-14%;top:100%}
}

/* Composición del testimonio más centrada — v1.9 */
.testimonial-slide::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--red);clip-path:polygon(74% 0,100% 0,100% 100%,44% 100%,53% 80%,64% 85%,80% 60%)}
.testimonial-slide .testimonial-photo::before{display:none}
.testimonial-slide .testimonial-photo img{right:clamp(25px,5vw,90px);object-position:right bottom}
.testimonial-slide .quote{padding-left:clamp(45px,8.8vw,150px);padding-right:75px}
@media(max-width:800px) and (min-width:521px){.testimonial-slide .testimonial-photo img{right:25px}.testimonial-slide .quote{padding-left:8%;padding-right:35px}}
@media(max-width:520px){.testimonial-slide::before{display:none}.testimonial-slide .testimonial-photo::before{display:block}.testimonial-slide .testimonial-photo img{right:5%;width:90%}.testimonial-slide .quote{padding:45px 9% 25px}}