body{margin:0}
a{color:inherit}a:hover{opacity:0.75}
@keyframes flotar7{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes sombra7{0%,100%{transform:scaleX(1);opacity:0.9}50%{transform:scaleX(0.82);opacity:0.55}}
.resalta7{display:inline-block;opacity:0;transform:translateY(14px);animation:aparece7 1.1s cubic-bezier(0.22,1,0.36,1) 0.4s forwards}
.resalta7.r2{animation-delay:0.9s}
@keyframes aparece7{to{opacity:1;transform:translateY(0)}}
.cta7{background-image:linear-gradient(#8A5A3C,#8A5A3C),linear-gradient(rgba(20,20,20,0.35),rgba(20,20,20,0.35));background-repeat:no-repeat;background-position:0 100%,0 100%;background-size:0% 2px,100% 1px;transition:background-size 0.6s cubic-bezier(0.22,1,0.36,1),color 0.3s}
.cta7:hover,.cta7:focus-visible{background-size:100% 2px,100% 1px;color:#8A5A3C;opacity:1}
.cta7 .sobre7{transition:transform 0.4s cubic-bezier(0.22,1,0.36,1)}
.cta7:hover .sobre7,.cta7:focus-visible .sobre7{transform:rotate(-10deg) translateY(-2px)}
.cta7 .flecha7{display:inline-block;color:#8A5A3C;animation:empuja7 2.6s ease-in-out infinite;transition:transform 0.3s}
.cta7:hover .flecha7,.cta7:focus-visible .flecha7{animation:none;transform:translateX(10px)}
.btn7{background-image:linear-gradient(#141414,#141414);background-repeat:no-repeat;background-position:0 0;background-size:0% 100%;transition:background-size 0.5s cubic-bezier(0.22,1,0.36,1),color 0.35s;animation:pulso7 3s ease-out 1.6s infinite}
.btn7:hover,.btn7:focus-visible{background-size:100% 100%;color:#EBC9AE !important;opacity:1;animation:none}
.btn7 .mini7{display:inline-block;margin-left:10px;color:#8A5A3C;animation:empuja7 2.6s ease-in-out infinite;transition:transform 0.3s,color 0.3s}
.btn7:hover .mini7,.btn7:focus-visible .mini7{animation:none;transform:translateX(6px);color:#EBC9AE}
@keyframes pulso7{0%{box-shadow:0 0 0 0 rgba(138,90,60,0.5)}65%,100%{box-shadow:0 0 0 12px rgba(138,90,60,0)}}
@keyframes empuja7{0%,55%,100%{transform:translateX(0)}28%{transform:translateX(7px)}}
.moviles7{gap:14px}
.movil7{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.movil7 video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px;border:3px solid #141414;background:#2A1E18;box-shadow:0 24px 40px -18px rgba(0,0,0,0.6)}
.movil7 figcaption{font-size:12px;letter-spacing:1px;color:#EBC9AE;font-variant-numeric:tabular-nums}
.lado7{width:30%;max-width:150px}
.centro7{width:36%;max-width:180px;margin-bottom:22px}
@media (max-width: 640px){.moviles7{gap:8px}.movil7 video{border-radius:12px;border-width:2px}.movil7 figcaption{font-size:11px}}
.movil7{position:relative}
.tt7{position:absolute;top:11px;left:11px;width:28px;height:28px;border-radius:999px;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;pointer-events:none}
@media (max-width: 640px){.tt7{top:7px;left:7px;width:20px;height:20px}.tt7 svg{width:10px;height:10px}}
.compacto7 figcaption{white-space:nowrap;font-size:11px}
.compacto7 .lado7{max-width:104px}
.compacto7 .centro7{max-width:128px;margin-bottom:16px}
.ig7{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.piezas7{display:flex;gap:10px;align-items:center;justify-content:center;width:100%}
.pieza7{height:104px;padding:0;border:none;border-radius:8px;overflow:hidden;cursor:zoom-in;background:none;box-shadow:0 14px 26px -14px rgba(0,0,0,0.6);transition:transform 0.3s cubic-bezier(0.22,1,0.36,1)}
.pieza7:hover,.pieza7:focus-visible{transform:translateY(-4px)}
.pieza7 img{height:100%;width:auto;display:block}
@media (max-width: 640px){.compacto7 .lado7{max-width:84px}.compacto7 .centro7{max-width:100px}.pieza7{height:58px;border-radius:5px}.compacto7 figcaption{font-size:10px;letter-spacing:0.5px}.piezas7{gap:7px}}
.escena7{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:6px 0 4px}
.escena7::before{content:"";position:absolute;left:50%;top:44%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(235,201,174,0.26),rgba(235,201,174,0) 68%);pointer-events:none}
.escena7 .movil7{transition:transform 0.6s cubic-bezier(0.22,1,0.36,1)}
.escena7 .lado7{max-width:112px;z-index:1}
.escena7 .izq7{transform:rotate(-7deg) translate(20px,10px)}
.escena7 .der7{transform:rotate(7deg) translate(-20px,10px)}
.escena7 .centro7{max-width:142px;z-index:2;margin:0}
.escena7 .centro7 video{box-shadow:0 30px 50px -16px rgba(0,0,0,0.7)}
.tarjeta7:hover .escena7 .izq7{transform:rotate(-9deg) translate(10px,6px)}
.tarjeta7:hover .escena7 .der7{transform:rotate(9deg) translate(-10px,6px)}
.media7,.mosaico7{min-width:0}
.escena7 .der7 figcaption{white-space:nowrap;left:22px;right:9px;padding:6px 4px;font-size:8.5px;letter-spacing:0.8px}
.escena7 .der7 figcaption::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#FE2C55;vertical-align:1px;animation:latido7 1.4s ease-in-out infinite}
@keyframes latido7{50%{opacity:0.25}}
@media (prefers-reduced-motion: reduce){.escena7 .der7 figcaption::before{animation:none}}
.escena7 .izq7 figcaption{right:24px;letter-spacing:0.8px}
.escena7 .der7 figcaption{left:24px;letter-spacing:0.8px}
.escena7 .der7 .tt7{left:auto;right:11px}
.escena7 figcaption{position:absolute;left:9px;right:9px;bottom:11px;padding:6px 6px;border-radius:10px;background:rgba(20,20,20,0.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:normal;text-align:center;font-size:9px;letter-spacing:1.2px;line-height:1.3;color:#EBC9AE}
.cinta7{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.cinta7p{display:flex;gap:12px;width:max-content;padding:6px 0 14px;animation:cinta7 26s linear infinite}
.cinta7:hover .cinta7p,.cinta7:focus-within .cinta7p{animation-play-state:paused}
@keyframes cinta7{to{transform:translateX(calc(-50% - 6px))}}
.cinta7 .pieza7{height:96px;flex:0 0 auto}
@media (max-width: 640px){.escena7 .lado7{max-width:86px}.escena7 .centro7{max-width:108px}.escena7 .izq7{transform:rotate(-7deg) translate(14px,8px)}.escena7 .der7{transform:rotate(7deg) translate(-14px,8px)}.escena7::before{width:220px;height:220px}.cinta7 .pieza7{height:64px}.escena7 figcaption{font-size:7.5px;letter-spacing:0.6px;left:6px;right:6px;bottom:7px;padding:4px}.escena7 .der7 figcaption{left:16px;right:6px;padding:4px 3px;font-size:7px;letter-spacing:0.4px}}
@media (prefers-reduced-motion: reduce){.cinta7{overflow-x:auto}.cinta7p{animation:none !important}}
.escaw7 .centro7{max-width:140px}
.escaw7 .centro7 figcaption{white-space:nowrap;font-size:8.5px;letter-spacing:0.6px;left:8px;right:8px;padding:6px 3px}

.post7{position:relative;z-index:1;flex:0 0 auto;width:42%;max-width:200px;padding:0;border:none;background:none;cursor:zoom-in;transform:rotate(-6deg) translate(26px,6px);transition:transform 0.6s cubic-bezier(0.22,1,0.36,1)}
.tarjeta7:hover .post7{transform:rotate(-8deg) translate(16px,2px)}
.post7 img{display:block;width:100%;height:auto;border-radius:10px;border:3px solid #141414;box-shadow:0 24px 40px -18px rgba(0,0,0,0.6)}
.fb7{background:#1877F2}
.escaw7 .der7 figcaption{white-space:nowrap;font-size:8px;letter-spacing:0.5px;font-weight:400;color:#EBC9AE;background:rgba(20,20,20,0.62)}
.escaw7 .der7 figcaption::before{display:none}
.awana7 .pieza7{height:78px}
.cinta7p.inv7{animation-direction:reverse;animation-duration:34s}
@media (max-width: 640px){.escaw7 .centro7{max-width:108px}.escaw7 .centro7 figcaption{font-size:6.5px;letter-spacing:0.2px;left:5px;right:5px;padding:4px 2px}.post7{width:40%;transform:rotate(-6deg) translate(16px,4px)}.awana7 .pieza7{height:54px}.escaw7 .der7 figcaption{font-size:6.5px;letter-spacing:0.2px}}
.triada7{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 30px 50px -26px rgba(0,0,0,0.65)}
.tri7{padding:0;border:none;background:#2A1E18;cursor:zoom-in;aspect-ratio:4/5;overflow:hidden;display:block}
.tri7 img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.9s cubic-bezier(0.22,1,0.36,1)}
.tri7:hover img,.tri7:focus-visible img{transform:scale(1.06)}
.awfila7{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;width:100%;margin-top:-64px;pointer-events:none}
.awfila7>*{pointer-events:auto}
.awtexto7{flex:1 1 auto;min-width:0;padding:0 0 6px 2px;text-align:left}
.awlab7{margin:0;white-space:nowrap;font-size:9px;letter-spacing:2px;color:#C9B29C;display:flex;align-items:center;gap:8px}
.awlab7::before{content:"";width:22px;height:1px;background:#C9B29C;flex:0 0 auto}
.awlema7{margin:8px 0 0;font-weight:300;font-size:21px;line-height:1.15;letter-spacing:-0.3px;color:#EBC9AE}
.awfila7 .escaw7{width:auto;flex:0 0 auto;padding:0 6px 0 0}
.awfila7 .escaw7::before{width:240px;height:240px}
.awfila7 .escaw7 .centro7{max-width:132px;width:132px}
.awfila7 .escaw7 .lado7{max-width:104px;width:104px}
.awfila7 .escaw7 .centro7 figcaption{font-size:8px;letter-spacing:0.4px}
.awana7 .cinta7 .pieza7{height:70px}
@media (max-width: 640px){.awfila7{margin-top:-40px}.awlema7{font-size:13px}.awlab7{font-size:6.5px;letter-spacing:0.8px;white-space:normal;align-items:flex-start}.awlab7::before{width:12px}.awfila7 .escaw7 .centro7{max-width:96px;width:96px}.awfila7 .escaw7 .lado7{max-width:74px;width:74px}.awfila7 .escaw7 .centro7 figcaption{font-size:6px;letter-spacing:0.1px}.awana7 .cinta7 .pieza7{height:50px}}
.rejilla8{--fila8:50px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--fila8);gap:6px;width:100%;text-align:left}
.g-a{grid-column:1;grid-row:1 / span 4}.g-info{grid-column:1;grid-row:5 / span 2}.g-d{grid-column:1;grid-row:7 / span 2}
.g-b{grid-column:2;grid-row:1 / span 3}.g-lema{grid-column:2;grid-row:4 / span 2}.g-e{grid-column:2;grid-row:6 / span 3}
.g-c{grid-column:3;grid-row:1 / span 5}.g-f{grid-column:3;grid-row:6 / span 3}
.celda7{position:relative;margin:0;border-radius:12px;overflow:hidden;min-width:0;min-height:0;box-shadow:0 18px 30px -22px rgba(0,0,0,0.7)}
.foto8{padding:0;border:none;background:#2A1E18;cursor:zoom-in;display:block}
.foto8 img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.9s cubic-bezier(0.22,1,0.36,1)}
.foto8:hover img,.foto8:focus-visible img{transform:scale(1.06)}
.vid8 video{width:100%;height:100%;object-fit:cover;display:block;background:#2A1E18}
.vid8 figcaption{position:absolute;left:8px;right:8px;bottom:8px;padding:5px 4px;border-radius:999px;background:rgba(20,20,20,0.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#EBC9AE;font-size:8.5px;letter-spacing:0.8px;text-align:center;white-space:nowrap}
.info8{background:#E5DCD0;color:#3B2A22;padding:12px 12px 10px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box}
.info8 p{margin:0}
.info8l{font-size:9px;letter-spacing:1.8px;font-weight:500}
.info8t{font-size:9.5px;line-height:1.35;color:#55443A}
.info8m{margin-top:auto !important;white-space:nowrap;font-size:7.5px;letter-spacing:1px;color:#8A5A3C;text-transform:uppercase;border-bottom:1px solid #8A5A3C;align-self:flex-start;padding-bottom:1px}
.lema8{background:#1F1611;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}
.lema8 p{margin:0;font-weight:300;font-size:12.5px;line-height:1.35;letter-spacing:1.2px;color:#EBC9AE;text-align:center}
@media (max-width: 640px){.rejilla8{--fila8:31px;gap:4px}.info8{padding:7px 7px 6px;gap:3px}.info8l{font-size:6.5px;letter-spacing:0.8px}.info8t{display:none}.info8m{font-size:5.5px;letter-spacing:0.6px;white-space:normal}.lema8{padding:5px}.lema8 p{font-size:7.5px;letter-spacing:0.4px}.vid8 figcaption{font-size:6px;letter-spacing:0.2px;left:4px;right:4px;bottom:5px;padding:3px 2px}}
.h-a{grid-column:1;grid-row:1 / span 4}.h-b{grid-column:1;grid-row:5 / span 2}.h-c{grid-column:1;grid-row:7 / span 2}
.h-d{grid-column:2;grid-row:1 / span 3}.h-e{grid-column:2;grid-row:4 / span 3}.h-f{grid-column:2;grid-row:7 / span 2}
.h-g{grid-column:3;grid-row:1 / span 5}.h-h{grid-column:3;grid-row:6 / span 3}
.awpie8{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:2px 0}
.awpie8 p{margin:0}
.awtx8{flex:1 1 0;min-width:0}
.awia8{flex:1 1 0;min-width:0}
.awl8{font-size:9px;letter-spacing:2.2px;color:#EBC9AE;display:flex;align-items:center;gap:8px;white-space:nowrap}
.awl8::before{content:"";width:16px;height:1px;background:#C9B29C;flex:0 0 auto}
.awp8{margin-top:5px !important;font-size:10.5px;line-height:1.4;color:#E6D5C6}
.awsep8{align-self:stretch;width:1px;background:rgba(235,201,174,0.25);flex:0 0 auto}
.iavid8{margin:0;flex:0 0 auto;width:62px;aspect-ratio:9/16;border-radius:6px;overflow:hidden;box-shadow:0 14px 24px -14px rgba(0,0,0,0.7)}
.iavid8 video{width:100%;height:100%;object-fit:cover;display:block;background:#2A1E18}
.awana7 .awfila7,.awana7 .triada7{display:none}
@media (max-width: 640px){.awpie8{gap:8px}.awl8{font-size:6.5px;letter-spacing:0.8px;gap:4px}.awl8::before{width:8px}.awp8{font-size:7.5px;line-height:1.3}.iavid8{width:40px}}
.awbloq8{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:12px}
.awbloq8 .vidp8m{width:76px}
.feed8{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%}
.cuad8{aspect-ratio:1/1;border-radius:3px}
.vids8{display:flex;gap:10px;flex:0 0 auto}
.vidp8{margin:0;display:flex;flex-direction:column;align-items:center;gap:7px}
.vidp8m{width:84px;aspect-ratio:9/16;border-radius:6px;overflow:hidden;box-shadow:0 14px 24px -14px rgba(0,0,0,0.7)}
.vidp8m video{width:100%;height:100%;object-fit:cover;display:block;background:#2A1E18}
.vidp8 figcaption{font-size:8px;letter-spacing:1.5px;color:#C9B29C;white-space:nowrap}
.cinta7p.largo7{animation-duration:30s}
@media (max-width: 640px){.awbloq8 .awl8{white-space:normal;align-items:flex-start}.awbloq8{gap:7px}.awbloq8 .vidp8m{width:46px}.feed8{gap:3px}.vids8{gap:6px}.vidp8m{width:52px}.vidp8 figcaption{font-size:6px;letter-spacing:0.6px}}
.galeria7{--g8:12px;--n8:4;display:grid;grid-template-columns:repeat(var(--n8),1fr);gap:var(--g8);grid-auto-flow:dense;container-type:inline-size}
.pz8{margin:0;position:relative;border-radius:6px;overflow:hidden;background-color:#E5DCD0;background-position:center;background-size:cover;background-repeat:no-repeat;aspect-ratio:1/1;box-shadow:0 18px 30px -24px rgba(59,42,34,0.55)}
.pz8.reel8{grid-row:span 2;aspect-ratio:auto;height:calc((100cqw - (var(--n8) - 1) * var(--g8)) / var(--n8) * 2 + var(--g8))}
.pz8.ancho8{grid-column:span 2;aspect-ratio:auto;height:calc((100cqw - (var(--n8) - 1) * var(--g8)) / var(--n8))}
.pz8 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph8{position:absolute;inset:0;align-items:center;justify-content:center;font-size:11px;letter-spacing:2px;color:#8A5A3C;text-align:center;padding:12px}
.pz8 figcaption{position:absolute;left:10px;bottom:10px;padding:6px 12px;border-radius:999px;background:rgba(20,20,20,0.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#EBC9AE;font-size:10px;letter-spacing:1.2px}
.pz8 .tt7{z-index:2;top:10px;left:10px}
.tx8{position:absolute;inset:0;background:#3B2A22;color:#EBC9AE;flex-direction:column;justify-content:flex-end;gap:10px;padding:22px;box-sizing:border-box}
.tx8 p{margin:0}
.tx8l{font-size:10px;letter-spacing:2px;color:#C9B29C}
.tx8t{font-weight:300;font-size:19px;line-height:1.3}
@media (max-width: 640px){.tx8{padding:14px;gap:6px}.tx8l{font-size:8px;letter-spacing:1px}.tx8t{font-size:13px}}
.yt7{background:#FF0033}
.pz8.full8{grid-column:1 / -1;aspect-ratio:2/1}
.pz8.vert8{aspect-ratio:9/16}
.marcas7{display:flex;flex-direction:column;gap:22px;padding-top:56px;margin-top:24px;border-top:1px solid rgba(20,20,20,0.15)}
.logo7{flex:0 0 auto;width:80px;height:80px;margin:0;border-radius:10px;overflow:hidden;background:#FFFFFF;box-shadow:0 10px 20px -18px rgba(59,42,34,0.45);filter:grayscale(1) sepia(0.45) contrast(1);opacity:0.75;transition:filter 0.4s,opacity 0.4s,transform 0.4s cubic-bezier(0.22,1,0.36,1)}
.logo7 img{width:100%;height:100%;object-fit:cover;display:block}
.logo7:hover{filter:none;opacity:1;transform:translateY(-4px);box-shadow:0 14px 26px -18px rgba(59,42,34,0.6)}
.marcas7 .cinta7p{gap:14px;animation-duration:44s}
.marcas7 .cinta7p.inv7{animation-duration:40s}
.marcas7 .cinta7+.cinta7{margin-top:-12px}
@media (max-width: 640px){.marcas7{padding-top:40px}.logo7{width:62px;height:62px;border-radius:8px}.marcas7 .cinta7p{gap:12px}}
.herrs7{display:flex;flex-direction:column;gap:10px;margin-top:-16px;padding-top:28px;border-top:1px solid rgba(20,20,20,0.15)}
.herr7{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:baseline}
.herr7 p{margin:0}
.herr7l{font-size:10px;letter-spacing:2px;color:#7A4E33}
.herr7t{font-size:14px;line-height:1.5}
.ico7{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 2px}
.ico7 li{width:50px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.ico7c{display:block;height:22px;width:auto;max-width:44px;object-fit:contain;transition:transform 0.4s cubic-bezier(0.22,1,0.36,1)}
.ico7 li:hover .ico7c{transform:translateY(-3px)}
.ico7n{font-size:8.5px;line-height:1.25;color:#3B2A22}
@media (max-width: 640px){.herr7{grid-template-columns:1fr;gap:2px}}
@media (min-width: 641px){.herrs7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:16px}.herrs7>p{grid-column:1 / -1}.herr7{grid-template-columns:1fr;gap:4px;align-items:start;align-content:start}}
video{cursor:zoom-in}
.vz7 video{cursor:auto}
.tab7:hover{opacity:1}
.tab7:focus-visible{outline:2px solid #8A5A3C;outline-offset:3px}
.pz8{animation:entra8 0.6s cubic-bezier(0.22,1,0.36,1) both}
@keyframes entra8{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.pz8{animation:none}}
@media (max-width: 1024px){.cont7{padding:80px 32px 88px !important}}
@media (max-width: 640px){.cont7{padding:64px 20px 72px !important;gap:24px !important}.h2cont7{font-size:28px !important}.galeria7{--n8:2;--g8:8px}.tab7{padding:9px 14px !important;font-size:10px !important;letter-spacing:1.4px !important}.pz8 figcaption{left:6px;bottom:6px;padding:4px 8px;font-size:8px}}
.pista7{--cw7:82%;--cg7:24px}
@media (max-width: 1024px){
.hero7{padding:56px 32px 80px !important}
.h17{font-size:84px !important}
.casos7{padding:80px 32px 88px !important}
.pista7{--cw7:90%}
.media7{min-height:340px !important}
.metrica7{font-size:84px !important}
.cifra7{flex:1 1 50% !important;box-sizing:border-box}
.cifra7:nth-child(odd){border-left:none !important;padding-left:0 !important}
.cifra7:nth-child(even){border-left:1px solid #141414 !important}
.cifra7:nth-child(n+3){border-top:1px solid #141414}
.sobremi7{padding:80px 32px !important}
.h2s7{font-size:40px !important}
.contacto7{padding:72px 32px 80px !important}
.h2c7{font-size:38px !important}
}
@media (max-width: 640px){
.hdr7{padding:20px !important;gap:14px !important}
.marca7{font-size:13px !important}
.nav7{width:100%;justify-content:space-between;gap:12px !important;font-size:11px !important}
.hero7{padding:32px 20px 64px !important;gap:32px !important}
.h17{font-size:12.5vw !important;letter-spacing:-1px !important}
.h17 span{white-space:nowrap}
.botones7 a{flex:1 1 auto;justify-content:center}
.casos7{padding:64px 20px 72px !important;gap:22px !important}
.h2casos7{font-size:28px !important}
.flechas7{width:44px !important;height:44px !important;font-size:18px !important}
.pista7{--cw7:100%;--cg7:16px}
.tarjeta7{border-radius:20px !important}
.media7{min-height:240px !important;flex-basis:100% !important}
.texto7{padding:28px 24px 30px !important}
.metrica7{font-size:64px !important;letter-spacing:-2px !important}
.cifras7{padding:36px 20px !important}
.cifra7{padding:16px 0 16px 16px !important}
.cifra7:nth-child(odd){padding-left:0 !important;padding-right:12px !important}
.num7{font-size:44px !important}
.cifra7 p+p{font-size:10px !important}
.sobremi7{padding:64px 20px !important}
.foto7{flex:0 0 230px !important;width:230px !important;height:340px !important;margin:0 auto}
.foto7 img{height:285px !important}
.h2s7{font-size:32px !important}
.contacto7{padding:64px 20px 72px !important;gap:40px !important}
.h2c7{font-size:29px !important}
.cta7{font-size:16px !important;margin-top:12px !important;overflow-wrap:anywhere}
.redes7{justify-content:flex-start !important}
.pie7{padding:48px 20px !important;flex-direction:column}
}
.cifras7 .cifra7.cifra7{text-align:center;padding-left:20px !important;padding-right:20px !important}
@media (max-width: 640px){.cifras7 .cifra7.cifra7{padding-left:8px !important;padding-right:8px !important}}
@media (prefers-reduced-motion: reduce){.flota7,.sombra7,.flecha7,.btn7,.mini7{animation:none !important}.resalta7{animation:none !important;opacity:1;transform:none}}

/* moderno, sin adornos */
.resalta7{opacity:1 !important;transform:none !important;animation:none !important}
.btn7,.btn7 .mini7,.cta7 .flecha7,.flota7{animation:none !important}
.sombra7,.escena7::before,.escena7 .der7 figcaption::before{display:none !important}
.foto7 img{box-shadow:none !important}
.escena7 figcaption,.vid8 figcaption,.pz8 figcaption{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-radius:4px !important;background:rgba(20,20,20,0.6) !important}
.tarjeta7.tarjeta7{border-radius:12px !important}
.redes7 a{box-shadow:none !important}

/* ---- futurista ---- */
.h17,.h2casos7,.h2cont7,.h2s7,.h2c7,.metrica7,.num7{font-family:'Space Grotesk','Manrope',sans-serif !important;font-weight:500 !important;letter-spacing:-0.04em !important}
.h17{line-height:0.96 !important}
[style*="letter-spacing: 2px"],[style*="letter-spacing: 3px"],[style*="letter-spacing: 1.5px"],.herr7l,.tab7,.awl8,.awlab7,.tx8l,.movil7 figcaption,.pz8 figcaption,.escena7 figcaption,.vidp8 figcaption{font-family:'JetBrains Mono',ui-monospace,monospace !important}
#inicio>svg,#contenido>svg,#sobre-mi>svg,#contacto>svg,#home>svg,#content>svg,#about>svg,#contact>svg{display:none}
.tarjeta7.tarjeta7{border-radius:24px !important;outline:1px solid rgba(235,201,174,0.22);outline-offset:-1px}
.flechas7{border-radius:999px !important}
.tab7{border-radius:10px !important}
.redes7 a{border-radius:10px !important;box-shadow:none !important}
.logo7{border-radius:4px}
.foto7 img{border-radius:2px !important;outline:none !important;box-shadow:0 2px 8px rgba(59,42,34,0.08),0 26px 44px -26px rgba(59,42,34,0.4) !important;transition:scale 1.4s cubic-bezier(0.25,0.1,0.25,1),box-shadow 1.4s cubic-bezier(0.25,0.1,0.25,1) !important}
@keyframes respiraFoto7{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.foto7 img.flota7{animation:respiraFoto7 8s ease-in-out infinite !important}
/* Hover keeps the breathing animation running and only eases in a slight scale, so the photo never jumps */
.foto7:hover img.flota7{scale:1.012;box-shadow:0 3px 10px rgba(59,42,34,0.09),0 30px 50px -26px rgba(59,42,34,0.42) !important}
@media (prefers-reduced-motion: reduce){.foto7 img.flota7{animation:none !important;transition:none !important}}
.cifras7 .num7{font-variant-numeric:tabular-nums}
.pz8,.celda7{border-radius:3px}

/* blur de color detrás del titular */
.h17{position:relative;isolation:isolate}
.h17::before{content:"";position:absolute;z-index:-1;left:-4%;top:10%;width:78%;height:88%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(226,140,90,0.7),rgba(235,201,174,0.5) 55%,rgba(235,201,174,0) 100%);filter:blur(48px)}
@media (max-width:640px){.h17::before{left:-10%;width:110%;filter:blur(36px)}}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
/* titular: entrada desenfocada + subrayado fino + halo que respira */
@keyframes enfoca7{from{opacity:0;filter:blur(10px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes subraya7{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes respira7{0%,100%{opacity:0.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.h17{animation:enfoca7 1.6s cubic-bezier(0.22,1,0.36,1) 0.15s both}
.h17::before{animation:respira7 9s ease-in-out 1.8s infinite}
@media (prefers-reduced-motion: reduce){.h17,.h17::before{animation:none !important}}
/* móvil y tablet: ajustes finales */
@media (min-width: 641px) and (max-width: 1099px){.herrs7{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width: 640px){
.franja7>div{padding:10px 20px !important;text-align:center}
.hdr7{padding:14px 20px !important}
.nav7{gap:10px !important}
.hero7{padding:28px 20px 56px !important;gap:28px !important}
.botones7{gap:10px !important;width:100%}
.botones7 a{flex:1 1 0 !important;min-height:48px;box-sizing:border-box;padding:14px 10px !important;justify-content:center;font-size:11px !important;letter-spacing:1.5px !important}
.tab7{min-height:40px}
.sobremi7{gap:40px !important}
.sobremi7 p[style*="font-weight: 700"]{font-size:11px !important;letter-spacing:1.2px !important;gap:4px 8px !important}
.herrs7{gap:22px !important;margin-top:0 !important}
.herr7{gap:8px !important}
.ico7{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 4px !important}
.ico7 li{width:auto !important}
.ico7c{height:24px !important}
.contacto7{gap:36px !important}
.h2c7{font-size:6.6vw !important;line-height:1.15 !important;letter-spacing:-0.3px !important}
.cta7{margin-top:4px !important}
.redes7{width:100%;gap:10px !important}
.redes7 a{flex:1 1 0;justify-content:center;min-height:48px;box-sizing:border-box;padding:12px 10px !important}
.pie7{align-items:center;text-align:center;padding:40px 20px !important;gap:10px !important}
}
/* Sliding fill on hover for every text button (same motion as .btn7). Each button sets --f (fill) and --t (text) inline */
.desliza7{background-image:linear-gradient(var(--f,#141414),var(--f,#141414));background-repeat:no-repeat;background-position:0 0;background-size:0% 100%;transition:background-size 0.5s cubic-bezier(0.22,1,0.36,1),color 0.35s,opacity 0.3s}
.desliza7:hover,.desliza7:focus-visible{background-size:100% 100%;color:var(--t,#EBC9AE) !important}
a.desliza7:hover,a.desliza7:focus-visible{opacity:1}