/* Diseño de Páginas Web — página comercial ALLLO Studio */
.web-service-page{background:#fff;overflow:hidden}.web-hero{position:relative;overflow:hidden;padding:148px 0 92px;min-height:900px;display:flex;align-items:center;isolation:isolate}.web-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 22%,rgba(201,164,75,.14),transparent 28%),linear-gradient(120deg,#050505 0%,#090909 58%,#12100c 100%);z-index:-3}.web-hero-aura{position:absolute;width:620px;height:620px;border-radius:50%;right:3%;top:7%;background:rgba(201,164,75,.09);filter:blur(130px);z-index:-2}.web-hero-mark{position:absolute;right:-15vw;bottom:-21vw;width:min(65vw,900px);opacity:.035;z-index:-1;pointer-events:none}.web-hero-mark img{width:100%}.web-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}.web-hero-copy{position:relative;z-index:2}.web-hero-copy h1{font-size:clamp(4.2rem,6.45vw,7.15rem);line-height:.94;max-width:760px}.web-lead{font-size:1.12rem;color:#eceeef;max-width:690px;line-height:1.75;margin-top:26px}.web-support{color:#979ca3;max-width:680px;font-size:.9rem;line-height:1.75}.web-price-row{display:flex;gap:15px;align-items:center;margin:28px 0}.web-price-row span{font-size:.67rem;text-transform:uppercase;letter-spacing:.15em;color:#8e9298;font-weight:800}.web-price-row strong{color:var(--alllo-gold-light);font-size:1rem}.web-actions{display:flex;gap:12px;flex-wrap:wrap}.web-microcopy{font-size:.71rem;color:#7f848b;margin-top:20px}.web-hero-gallery{position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:12px;height:640px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 42px 120px rgba(0,0,0,.44);backdrop-filter:blur(14px)}.web-hero-gallery::before{content:"";position:absolute;inset:22px;border:1px solid rgba(224,191,114,.08);border-radius:20px;pointer-events:none;z-index:4}.web-hero-tile{position:relative;margin:0;overflow:hidden;border-radius:18px;background:#111;min-width:0}.web-hero-tile-main{grid-row:1/3}.web-hero-tile img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.88) contrast(1.02);transition:transform .6s ease,filter .6s ease}.web-hero-tile:hover img{transform:scale(1.035);filter:saturate(1)}.web-hero-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82) 100%)}.web-hero-tile figcaption{position:absolute;left:20px;bottom:18px;z-index:2;display:grid;gap:2px}.web-hero-tile figcaption span{font-size:.56rem;letter-spacing:.15em;color:var(--alllo-gold-light);font-weight:800}.web-hero-tile figcaption strong{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:#fff}.web-gallery-plaque{position:absolute;left:44px;right:44px;bottom:-28px;z-index:6;background:#f3eee4;color:#111;border-radius:18px;padding:18px 22px;box-shadow:0 24px 70px rgba(0,0,0,.28);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.web-gallery-plaque span{font-size:.58rem;letter-spacing:.14em;color:#90712d;font-weight:800}.web-gallery-plaque strong{font-family:var(--font-display);font-size:1.25rem;font-weight:400;line-height:1.1}.web-facts{background:#0c0c0d;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}.web-facts-grid{display:grid;grid-template-columns:repeat(4,1fr)}.web-facts-grid>div{padding:28px 26px;border-right:1px solid rgba(255,255,255,.08)}.web-facts-grid>div:last-child{border-right:0}.web-facts-grid strong{display:block;color:var(--alllo-gold-light);font-family:var(--font-display);font-size:1.42rem;font-weight:400}.web-facts-grid span{display:block;color:#848991;font-size:.72rem;margin-top:2px}.web-split{display:grid;grid-template-columns:1.12fr .88fr;gap:100px;align-items:start}.web-split h2{font-size:clamp(3.2rem,4.9vw,5.1rem)}.web-body-copy{padding-top:48px;color:#5e6268;font-size:1.01rem}.web-body-copy strong{color:#161719}.web-story-panel{display:grid;grid-template-columns:1.25fr .75fr;margin-top:70px;border-radius:26px;overflow:hidden;background:#0b0c0e;box-shadow:0 28px 80px rgba(0,0,0,.12)}.web-story-image{min-height:520px;background:#ddd;overflow:hidden}.web-story-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s ease}.web-story-panel:hover .web-story-image img{transform:scale(1.02)}.web-story-copy{padding:48px;color:#fff;align-self:end}.web-story-copy>span{display:block;color:var(--alllo-gold-light);font-size:.62rem;letter-spacing:.15em;font-weight:800;margin-bottom:22px}.web-story-copy h3{font-family:var(--font-display);font-size:2.5rem;font-weight:400;line-height:1.05}.web-story-copy p{color:#a9adb3;font-size:.88rem;line-height:1.75}.web-architecture-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:95px;align-items:center}.web-architecture-copy>p:not(.eyebrow){color:#646970;max-width:600px}.web-sitemap-card{position:relative;border:1px solid #dad8d1;border-radius:28px;padding:34px;background:linear-gradient(145deg,#fff,#f3f1eb);box-shadow:var(--shadow-soft);overflow:hidden}.web-sitemap-card::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-160px;top:-170px;border:1px solid rgba(201,164,75,.18);box-shadow:0 0 0 28px rgba(201,164,75,.03),0 0 0 58px rgba(201,164,75,.018)}.web-sitemap-root{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border-radius:16px;background:#0b0b0c;color:#fff}.web-sitemap-root span{color:var(--alllo-gold-light);font-size:.61rem;letter-spacing:.13em;font-weight:800}.web-sitemap-root strong{font-family:var(--font-display);font-size:1.35rem;font-weight:400}.web-sitemap-line{width:1px;height:28px;background:#c9a44b;margin:auto}.web-sitemap-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}.web-sitemap-nodes article{padding:20px;border:1px solid #ddd9cf;background:rgba(255,255,255,.72);border-radius:15px;min-height:130px}.web-sitemap-nodes article.is-gold{border-color:rgba(153,120,46,.45);background:#fff8e8}.web-sitemap-nodes span{display:block;color:#9a762d;font-size:.62rem;letter-spacing:.12em;margin-bottom:16px}.web-sitemap-nodes strong{display:block;font-size:.83rem}.web-sitemap-nodes small{color:#74787e;font-size:.68rem}.web-sitemap-card>p{position:relative;z-index:1;margin:22px 0 0;color:#676b71;font-size:.8rem}.web-include-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.11);border-radius:24px;overflow:hidden}.web-include-card{padding:38px;min-height:310px;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.web-include-card:nth-child(3n){border-right:0}.web-include-card:nth-last-child(-n+3){border-bottom:0}.web-include-card>b{display:block;color:var(--alllo-gold-light);font-size:.7rem;letter-spacing:.12em;margin-bottom:50px}.web-include-card h3{font-size:1.5rem}.web-include-card p{color:#999ea6;font-size:.84rem}.web-visual-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.web-project-card{height:100%}.web-project-wide{grid-row:span 2}.web-project-card .project-media{aspect-ratio:16/9}.web-project-wide .project-media{aspect-ratio:auto;min-height:560px}.web-project-card .project-media img{width:100%;height:100%;object-fit:cover;object-position:top}.web-project-card .project-info{padding:30px}.web-project-card .project-info h3{font-family:var(--font-display);font-size:2.25rem;font-weight:400}.web-project-wide .project-info h3{font-size:2.7rem}.web-method-head>p{max-width:520px;color:#63676d;padding-top:48px}.web-method-list{margin-top:60px;border-top:1px solid #d9d9d7}.web-method-list article{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:29px 0;border-bottom:1px solid #d9d9d7}.web-method-list article>span{font-family:var(--font-display);font-size:1.75rem;color:#a17c2f}.web-method-list h3{font-size:1.45rem;margin-bottom:5px}.web-method-list p{margin:0;color:#70747a;font-size:.88rem;max-width:760px}.web-price{position:relative;overflow:hidden}.web-price::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-100px;top:-120px;background:rgba(201,164,75,.08);filter:blur(100px)}.web-price-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;position:relative;z-index:1}.web-price-copy p:not(.eyebrow){color:#9ca0a6;max-width:560px}.web-price-card{background:linear-gradient(145deg,#151619,#0c0d0f);border:1px solid rgba(224,191,114,.33);border-radius:28px;padding:42px;box-shadow:0 34px 100px rgba(0,0,0,.36)}.web-price-card-top{display:flex;justify-content:space-between;gap:20px;color:#a7abb1;font-size:.67rem;text-transform:uppercase;letter-spacing:.12em}.web-price-card-top span:last-child{color:var(--alllo-gold-light)}.web-price-amount{display:flex;align-items:end;gap:9px;padding:35px 0 26px;border-bottom:1px solid rgba(255,255,255,.1)}.web-price-amount small{color:#81868e;margin-bottom:15px}.web-price-amount strong{font-family:var(--font-display);font-weight:400;font-size:5.25rem;line-height:.8}.web-price-amount em{font-style:normal;color:var(--alllo-gold-light);font-size:.72rem;margin-bottom:11px}.web-price-card ul{list-style:none;padding:0;margin:27px 0}.web-price-card li{padding:10px 0 10px 26px;color:#d6d8dc;border-bottom:1px solid rgba(255,255,255,.065);font-size:.84rem;position:relative}.web-price-card li::before{content:"✓";position:absolute;left:0;color:var(--alllo-gold-light)}.web-price-card .button{width:100%;margin-top:8px}.web-card-note{font-size:.67rem;color:#787d84;margin:15px 0 0;line-height:1.6}.web-center-heading{text-align:center;max-width:900px;margin:0 auto 54px}.web-center-heading>p:last-child{color:#70747a}.web-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.web-compare-card{display:flex;flex-direction:column;min-height:330px;padding:30px;border:1px solid #dedbd4;border-radius:20px;background:#fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.web-compare-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft);border-color:rgba(153,120,46,.35)}.web-compare-card.is-active{background:#0b0b0c;color:#fff;border-color:#0b0b0c;box-shadow:var(--shadow-soft)}.web-compare-card>span{color:#9a762d;font-size:.65rem;letter-spacing:.13em}.web-compare-card small{color:#8b8f95;font-size:.63rem;letter-spacing:.09em;margin:42px 0 12px}.web-compare-card h3{font-family:var(--font-display);font-size:2rem;font-weight:400}.web-compare-card p{color:#676b71;font-size:.83rem}.web-compare-card.is-active p{color:#a9adb2}.web-compare-card strong{margin-top:auto;font-size:.77rem;color:#947229}.web-compare-card.is-active strong{color:var(--alllo-gold-light)}.web-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.web-faq-intro{position:sticky;top:130px;align-self:start}.web-faq-list details{border-bottom:1px solid #d5d2cb;padding:24px 0}.web-faq-list summary{cursor:pointer;font-size:1rem;font-weight:800;list-style:none;padding-right:40px;position:relative}.web-faq-list summary::-webkit-details-marker{display:none}.web-faq-list summary::after{content:"+";position:absolute;right:0;top:-3px;font-family:var(--font-display);font-size:1.6rem;color:#9a762d}.web-faq-list details[open] summary::after{content:"−"}.web-faq-list details p{color:#666a70;font-size:.88rem;max-width:760px;margin:15px 0 0}.web-final-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.web-final-grid>div:first-child>p:not(.eyebrow){color:#92979e;max-width:560px}
@media(max-width:1120px){.web-hero-grid,.web-price-layout,.web-final-grid,.web-split,.web-faq-layout,.web-architecture-grid{grid-template-columns:1fr;gap:55px}.web-hero{min-height:auto}.web-hero-gallery{height:600px;max-width:900px}.web-story-panel{grid-template-columns:1fr}.web-story-image{min-height:430px}.web-story-copy{padding:38px}.web-sitemap-card{max-width:900px}.web-faq-intro{position:static}.web-visual-grid{grid-template-columns:1fr 1fr}.web-project-wide{grid-column:1/-1;grid-row:auto}.web-project-wide .project-media{min-height:470px}}
@media(max-width:820px){.web-hero{padding:126px 0 84px}.web-hero-copy h1{font-size:clamp(3.5rem,12.7vw,5rem);line-height:.98}.web-hero-gallery{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto}.web-hero-tile-main{grid-row:auto;grid-column:1/-1;aspect-ratio:16/10}.web-hero-tile:not(.web-hero-tile-main){aspect-ratio:1/1}.web-gallery-plaque{position:relative;left:auto;right:auto;bottom:auto;margin-top:12px;grid-column:1/-1}.web-facts-grid{grid-template-columns:repeat(2,1fr)}.web-facts-grid>div:nth-child(2){border-right:0}.web-facts-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.web-story-panel{margin-top:50px}.web-sitemap-nodes{grid-template-columns:repeat(2,1fr)}.web-include-grid{grid-template-columns:repeat(2,1fr)}.web-include-card:nth-child(3n){border-right:1px solid rgba(255,255,255,.09)}.web-include-card:nth-child(2n){border-right:0}.web-include-card:nth-last-child(-n+3){border-bottom:1px solid rgba(255,255,255,.09)}.web-include-card:nth-last-child(-n+2){border-bottom:0}.web-visual-grid,.web-compare-grid{grid-template-columns:1fr}.web-project-wide{grid-column:auto}.web-project-wide .project-media{min-height:0;aspect-ratio:16/9}.web-method-list article{grid-template-columns:62px 1fr}.web-price-card{padding:30px}.web-price-amount strong{font-size:4.4rem}}
@media(max-width:560px){.web-hero{padding:114px 0 68px}.web-hero-copy h1{font-size:clamp(3.02rem,14vw,4.15rem)}.web-lead{font-size:1rem}.web-actions{display:grid}.web-actions .button{width:100%}.web-hero-gallery{padding:9px;border-radius:22px;gap:8px}.web-hero-tile{border-radius:14px}.web-gallery-plaque{padding:17px;display:block}.web-gallery-plaque span{display:block;margin-bottom:7px}.web-facts-grid>div{padding:20px 16px}.web-facts-grid strong{font-size:1.12rem}.web-story-image{min-height:310px}.web-story-copy{padding:28px}.web-story-copy h3{font-size:2rem}.web-sitemap-card{padding:22px}.web-sitemap-root{display:grid}.web-sitemap-nodes{grid-template-columns:1fr}.web-sitemap-nodes article{min-height:auto}.web-include-grid{grid-template-columns:1fr}.web-include-card,.web-include-card:nth-child(3n),.web-include-card:nth-child(2n){border-right:0;border-bottom:1px solid rgba(255,255,255,.09);min-height:auto;padding:30px}.web-include-card:last-child{border-bottom:0}.web-include-card>b{margin-bottom:32px}.web-method-list article{grid-template-columns:45px 1fr;padding:24px 0}.web-price-card{padding:25px;border-radius:22px}.web-price-amount{flex-wrap:wrap}.web-price-amount strong{font-size:3.85rem}.web-faq-list summary{font-size:.92rem}.web-final-grid{gap:40px}}