/* ========================================================================= ORO Y NEGRO · el sistema visual de Brixel Proyect Un solo archivo. Se cambia aqui y cambia en todas las paginas. Secciones: 1 fichas de color, tipo y medidas 2 base y tipografia 3 estructura: contenedor, secciones, fondos 4 piezas comunes: botones, barra superior, portada 5 piezas de las paginas de red 6 piezas de la pagina cinematica 7 movimiento ========================================================================= */ :root{--black:#0b0b0d; --carbon:#17181c; --ember:#2a2416; --paper:#f4f2ec; --white:#ffffff; --gold:#d9b45c; --brass:#8a6d28; --on-dark:#f1ede4; --on-dark-dim:#a9a296; --on-light:#1b1a18; --on-light-dim:#6d685f; --hair-dark:rgba(217,180,92,.18); --hair-light:#e3dfd5; --pad:clamp(3.2rem,8vw,6rem);} *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--carbon);color:var(--on-dark);font-family:"Archivo",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%} img{max-width:100%} html{overflow-x:hidden;overflow-x:clip} .wrap{max-width:1120px;margin:0 auto;padding-inline:clamp(1.1rem,4vw,2rem)} section{padding-block:var(--pad)} .dark{background:var(--carbon);color:var(--on-dark)} .blackband{background:var(--black);color:var(--on-dark-dim);padding-block:1.7rem} .light{background:var(--white);color:var(--on-light)} .paper{background:var(--paper);color:var(--on-light)} h1,h2,h3,.num{font-family:"Barlow Condensed","Archivo Narrow",Impact,sans-serif;font-weight:700;text-transform:uppercase;line-height:.95;margin:0;text-wrap:balance;letter-spacing:.004em} h1{font-size:clamp(2.4rem,9vw,4.4rem)} h2{font-size:clamp(1.8rem,5.5vw,2.8rem)} h3{font-size:clamp(1.15rem,3.4vw,1.45rem)} .serif{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:0} p{margin:0 0 1rem;max-width:62ch} .eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:0 0 .7rem} .dark .eyebrow,.ember .eyebrow{color:var(--gold)} .light .eyebrow,.paper .eyebrow{color:var(--brass)} .lede{font-size:clamp(1rem,2.4vw,1.12rem)} .dark .lede,.ember .lede{color:var(--on-dark-dim)} .light .lede,.paper .lede{color:var(--on-light-dim)} .btn{display:inline-flex;align-items:center;gap:.45rem;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:.85rem 1.35rem;border-radius:999px;background:var(--gold);color:#17140c;text-decoration:none;border:0;cursor:pointer;font-family:inherit} .btn:hover{filter:brightness(1.07)} .btn-ghost{background:transparent;color:inherit;border:1px solid currentColor;opacity:.9} .btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px} .nav{position:absolute;top:0;left:0;right:0;z-index:20;padding-block:1.1rem} .nav .wrap{display:flex;align-items:center;gap:1rem;justify-content:space-between} .brand{display:flex;align-items:center;gap:.55rem;color:var(--on-dark);text-decoration:none;font-weight:700;letter-spacing:.02em} .brand .mark{width:auto;height:28px;display:block;flex:none} .nav .links{display:none;gap:1.4rem;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--on-dark-dim)} .nav .links a{color:inherit;text-decoration:none} .nav .links a:hover{color:var(--gold)} @media(min-width:860px){.nav .links{display:flex}} .hero{position:relative;background: radial-gradient(120% 95% at 78% 8%, var(--ember) 0%, #1d1c18 38%, var(--carbon) 66%, var(--black) 100%); padding-top:clamp(6.5rem,18vw,9rem);overflow:hidden} .hero::before{content:"";position:absolute;inset:0;opacity:.35;pointer-events:none; background:repeating-linear-gradient(115deg,rgba(255,255,255,.028) 0 2px,transparent 2px 9px)} .hero .wrap{position:relative} .hero .pill{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;padding:.42rem .85rem;border-radius:999px;border:1px solid var(--hair-dark);color:#e6d6ab;margin-bottom:1.1rem} .hero .pill .dots{display:flex} .hero .pill .dots i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--ember);display:block;margin-left:-6px;background:linear-gradient(140deg,#6b6152,#3a352b)} .hero .pill .dots i:first-child{margin-left:0} .hero h1{margin-bottom:.7rem} .hero h1 .serif{color:var(--gold);display:block;font-size:.86em} .hero .lede{max-width:46ch;margin-bottom:1.5rem} .cta-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:clamp(2.4rem,6vw,3.4rem)} .crumbs{font-size:.72rem;letter-spacing:.06em;color:var(--on-dark-dim);margin:0 0 1rem} .crumbs a{color:inherit;text-decoration:none} .crumbs a:hover{color:var(--gold)} .crumbs span{color:var(--gold)} .towns{display:grid;gap:.8rem;grid-template-columns:1fr;padding-bottom:var(--pad)} @media(min-width:720px){.towns{grid-template-columns:repeat(3,1fr)}} .town{background:rgba(255,255,255,.035);border:1px solid var(--hair-dark);border-radius:14px;padding:.9rem .95rem 1rem} .town .q{display:flex;align-items:center;gap:.5rem;font-size:.76rem;color:var(--on-dark-dim);background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:.42rem .7rem;margin-bottom:.75rem} .town .q svg{flex:none;opacity:.6} .town .res-url{font-size:.68rem;color:#9fb89f;margin:0 0 .15rem} .town .res-t{font-size:.9rem;font-weight:600;color:#cfd8ea;margin:0 0 .3rem;line-height:1.3} .town .res-d{font-size:.74rem;color:var(--on-dark-dim);margin:0;line-height:1.45} .town .flag{display:inline-block;margin-top:.6rem;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid var(--hair-dark);border-radius:999px;padding:.22rem .55rem} .marks{display:grid;justify-items:center;gap:.85rem;text-align:center} .marks .lab{margin:0;font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--on-dark-dim)} .marks .group{display:grid;gap:.5rem;width:min(780px,100%)} .marks .plats{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem} .marks .plats span{border:1px solid var(--hair-dark);border-radius:999px;padding:.36rem .7rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark);white-space:nowrap} .marks .brace{height:14px;border:1px solid var(--brass);border-top:0;border-radius:0 0 14px 14px;opacity:.75} .marks .tie{margin:0;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;justify-content:center} .marks .tie b{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:clamp(1.15rem,4.2vw,1.5rem);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);line-height:1} .marks .tie i{font-style:normal;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-dim)} @media(max-width:520px){.marks .plats span{padding:.32rem .6rem;font-size:.66rem}} .roi{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap} .roi .fig{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:clamp(3rem,11vw,5rem);line-height:.85;color:var(--gold);font-variant-numeric:tabular-nums} .roi .txt{font-size:clamp(.95rem,2.6vw,1.15rem);letter-spacing:.1em;text-transform:uppercase;line-height:1.25} .roi .txt small{display:block;font-size:.68rem;letter-spacing:.12em;color:var(--on-dark-dim);text-transform:none;margin-top:.2rem} .rail{display:grid;gap:.9rem;grid-template-columns:1fr;margin-top:1.6rem} @media(min-width:760px){.rail{grid-template-columns:repeat(2,1fr)}} @media(min-width:760px) and (max-width:999px){.rail .shot:nth-child(3){grid-column:1/-1}} @media(min-width:1000px){.rail{grid-template-columns:repeat(3,1fr)}} @media(min-width:1000px) and (max-width:1180px){.kpi b{font-size:1.45rem}} .shot{background:#101114;border:1px solid var(--hair-dark);border-radius:14px;overflow:hidden} .shot .bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border-bottom:1px solid rgba(255,255,255,.06);font-size:.66rem;color:var(--on-dark-dim);letter-spacing:.06em} .shot .bar i{width:8px;height:8px;border-radius:50%;background:#3a3a40;display:block} .shot .in{padding:1rem} .kpis{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:.9rem} .kpi{flex:1;min-width:110px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.6rem .7rem} .kpi b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:1.7rem;line-height:1;font-variant-numeric:tabular-nums} .kpi span{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-dim)} .kpi.c1 b{color:#7fa8ff} .kpi.c2 b{color:#b98ce0} .spark{display:block;width:100%;height:64px} .tabs{display:flex;gap:.35rem;margin-bottom:.8rem;flex-wrap:wrap} .tabs span{font-size:.62rem;padding:.3rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.09);color:var(--on-dark-dim)} .tabs span.on{border-color:var(--gold);color:var(--gold)} .cap{font-size:.7rem;color:var(--on-dark-dim);margin:.7rem 0 0;letter-spacing:.04em} .note-gold{color:var(--gold);font-size:.9rem;margin-top:1.2rem} .bars{display:grid;gap:1rem;margin-top:1.6rem} .bar-row{display:grid;grid-template-columns:minmax(90px,150px) 1fr auto;gap:.8rem;align-items:center;font-size:.86rem} .bar-row .track{background:#eceadf;border-radius:999px;height:12px;overflow:hidden} .bar-row .track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brass),var(--gold))} .bar-row .val{font-variant-numeric:tabular-nums;font-weight:600;font-size:.82rem;color:var(--on-light-dim)} .bar-row.us .track i{background:linear-gradient(90deg,#17181c,#3c3524)} .bar-row.us .val{color:var(--on-light)} .stats{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem;border-top:1px solid var(--hair-light);padding-top:1.4rem} .stat b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:clamp(2rem,6vw,2.8rem);line-height:.9;font-variant-numeric:tabular-nums} .stat span{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--on-light-dim)} .revs{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1.5rem} @media(min-width:760px){.revs{grid-template-columns:repeat(3,1fr)}} .rev{background:var(--white);border:1px solid var(--hair-light);border-radius:14px;padding:1.1rem} .rev .stars{color:var(--brass);letter-spacing:.15em;font-size:.85rem;margin:0 0 .5rem} .rev blockquote{margin:0 0 .8rem;font-size:.92rem;line-height:1.6} .rev figcaption{font-size:.78rem;color:var(--on-light-dim)} .rev figcaption b{display:block;color:var(--on-light);font-size:.86rem} .tp{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;color:var(--on-light-dim);margin-top:1rem} .tp a{color:var(--brass);font-weight:600} .form-grid{display:grid;gap:1.6rem;grid-template-columns:1fr;align-items:start} @media(min-width:900px){.form-grid{grid-template-columns:1fr 1fr;gap:2.4rem}} .film{border:1px solid var(--hair-light);border-radius:14px;background:var(--carbon);aspect-ratio:16/9;display:grid;place-items:center;position:relative;overflow:hidden} .film::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 40%,rgba(217,180,92,.12),transparent 70%)} .film .play{width:62px;height:62px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);position:relative;z-index:1;background:rgba(11,11,13,.5)} .film .lab{position:absolute;bottom:.9rem;left:0;right:0;text-align:center;color:var(--on-dark-dim);font-size:.74rem;z-index:1} form{display:grid;gap:.75rem} .field{display:grid;gap:.3rem} .field span{font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;color:var(--on-light-dim);font-weight:600} .field input,.field textarea{font-family:inherit;font-size:.95rem;padding:.7rem .8rem;border:1px solid var(--hair-light);border-radius:10px;background:var(--white);color:var(--on-light);width:100%} .field input:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent} .two{display:grid;gap:.75rem;grid-template-columns:1fr} @media(min-width:520px){.two{grid-template-columns:1fr 1fr}} .formnote{font-size:.72rem;color:var(--on-light-dim);margin:0} .art{max-width:70ch} .art h2{margin-top:2.2rem;margin-bottom:.7rem} .art h2:first-child{margin-top:0} .art p{color:#3b3830} details.tech{border:1px solid var(--hair-dark);border-radius:12px;background:rgba(255,255,255,.02)} details.tech summary{cursor:pointer;padding:1rem 1.1rem;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);list-style:none} details.tech summary::-webkit-details-marker{display:none} details.tech summary::before{content:"+";display:inline-block;width:1.3rem;color:var(--brass)} details.tech[open] summary::before{content:"–"} details.tech ul{margin:0;padding:0 1.2rem 1.1rem 2.4rem;color:var(--on-dark-dim);font-size:.9rem} details.tech li{margin:.4rem 0} details.tech strong{color:var(--on-dark)} .faq{display:grid;gap:.6rem;margin-top:1.4rem;max-width:760px} .faq details{border:1px solid var(--hair-light);border-radius:12px;background:var(--white)} .faq summary{cursor:pointer;padding:.95rem 1.1rem;font-weight:600;font-size:.95rem;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+";color:var(--brass);font-size:1.1rem;flex:none} .faq details[open] summary::after{content:"–"} .faq p{padding:0 1.1rem 1rem;margin:0;font-size:.92rem;color:var(--on-light-dim)} .close{position:relative;background:radial-gradient(110% 130% at 22% 110%, var(--ember) 0%, #1c1b17 40%, var(--carbon) 70%, var(--black) 100%);text-align:center} .close .wrap{position:relative} .close h2{margin-bottom:.7rem} .close p{margin-inline:auto} .foot{background:var(--black);color:var(--on-dark-dim);font-size:.78rem;padding-block:2rem} .foot .wrap{display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center} .foot a{color:var(--on-dark-dim)} .spec{background:var(--paper);color:var(--on-light);border-top:4px solid var(--gold)} .spec .wrap{padding-block:2.4rem} .sw{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;margin:1rem 0} .sw div{border:1px solid var(--hair-light);border-radius:10px;overflow:hidden;background:#fff} .sw i{display:block;height:48px} .sw p{margin:0;padding:.5rem .6rem;font-size:.72rem;line-height:1.4} .sw b{display:block;font-size:.8rem} .sw code{font-family:ui-monospace,Consolas,monospace;font-size:.68rem;color:var(--on-light-dim)} .bar-row .track i{width:var(--w)} @media (prefers-reduced-motion: no-preference){.js .anim{opacity:0;transform:translate3d(0,30px,0); transition:opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1); transition-delay:var(--d,0ms);will-change:opacity,transform} .js .anim.l{transform:translate3d(-56px,0,0)} .js .anim.r{transform:translate3d(56px,0,0)} @media(max-width:600px){ .js .anim.l{transform:translate3d(-26px,0,0)} .js .anim.r{transform:translate3d(26px,0,0)} } .js .anim.on{opacity:1;transform:none} .js .lift{animation:liftUp .85s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0ms)} .js .lift.l{animation-name:liftL} .js .lift.r{animation-name:liftR} @keyframes liftUp{from{transform:translate3d(0,22px,0)}to{transform:none}} @keyframes liftL{from{transform:translate3d(-52px,0,0)}to{transform:none}} @keyframes liftR{from{transform:translate3d(52px,0,0)}to{transform:none}} @media(max-width:600px){ @keyframes liftL{from{transform:translate3d(-24px,0,0)}to{transform:none}} @keyframes liftR{from{transform:translate3d(24px,0,0)}to{transform:none}} } .js .bar-row .track i{width:0;transition:width 1.15s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--d,0ms) + 120ms)} .js .bar-row.on .track i{width:var(--w)}} @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}} .studio{display:grid;gap:1.6rem;grid-template-columns:1fr;align-items:center;margin-top:1.8rem} @media(min-width:900px){.studio{grid-template-columns:1.12fr .88fr;gap:2.6rem}} .studio .frame{margin:0;border:1px solid var(--hair-dark);border-radius:14px;overflow:hidden;background:#101114} .studio .frame img{display:block;width:100%;height:auto} .studio .frame figcaption{font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--brass);padding:.7rem .95rem;border-top:1px solid var(--hair-dark)} .studio ul{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.7rem} .studio li{position:relative;padding-left:1.5rem;color:var(--on-dark-dim);font-size:.95rem} .studio li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:2px;background:var(--gold)} .logoband{background:var(--black);border-block:1px solid rgba(255,255,255,.055);overflow:hidden; padding-block:.9rem;position:relative;--bandh:32px} @media(min-width:760px){.logoband{--bandh:38px;padding-block:1.05rem}} .logoband::before,.logoband::after{content:"";position:absolute;top:0;bottom:0;width:clamp(40px,9vw,110px);z-index:2;pointer-events:none} .logoband::before{left:0;background:linear-gradient(90deg,var(--black) 15%,transparent)} .logoband::after{right:0;background:linear-gradient(270deg,var(--black) 15%,transparent)} .logotrack{display:flex;align-items:center;gap:clamp(2.4rem,6vw,4.4rem);width:max-content; padding-left:clamp(2.4rem,6vw,4.4rem);animation:logoslide 44s linear infinite} .logotrack i{display:block;flex:none;opacity:.6;background-repeat:no-repeat;background-position:center;background-size:contain} .logoband:hover .logotrack{animation-play-state:paused} @keyframes logoslide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} @media(prefers-reduced-motion:reduce){.logotrack{animation:none;width:100%;justify-content:center;flex-wrap:wrap;padding-left:0;gap:2rem} .logotrack i:nth-child(n+5){display:none}} #proof{padding-bottom:max(1.6rem, calc(var(--pad) - 4rem))} .lg1{width:calc(var(--bandh)*1.2826);height:calc(var(--bandh)*1.2826);background-image:url(data:image/webp;base64,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)} .lg2{width:calc(var(--bandh)*2.0435);height:calc(var(--bandh)*1.1304);background-image:url(data:image/webp;base64,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)} .lg3{width:calc(var(--bandh)*3.5652);height:calc(var(--bandh)*1.0000);background-image:url(data:image/webp;base64,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)} .lg4{width:calc(var(--bandh)*2.9783);height:calc(var(--bandh)*1.0000);background-image:url(data:image/webp;base64,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)} /* ========================================================================= 6 · PIEZAS DE LA PAGINA CINEMATICA ========================================================================= */ @media(min-width:860px){.nav .links{display:flex}} .reel{margin:1.8rem 0 0;position:relative;border-radius:18px;overflow:hidden;background:#07070a; box-shadow:0 30px 90px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(217,180,92,.16)} .reel video{display:block;width:100%;height:auto;opacity:0;transition:opacity 1.4s cubic-bezier(.22,.61,.36,1)} .reel.ready video{opacity:1} .reel .veil{position:absolute;inset:0;pointer-events:none; background:radial-gradient(120% 90% at 50% 40%, transparent 55%, rgba(0,0,0,.42) 100%)} .reel figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between; gap:1rem;flex-wrap:wrap;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#e2dccb; padding:2.6rem 1.1rem .9rem; background:linear-gradient(180deg,transparent,rgba(4,4,6,.82))} .reel figcaption b{color:var(--gold);font-weight:700} .hero-note{display:grid;gap:1.2rem;grid-template-columns:1fr;margin-top:1.6rem} @media(min-width:820px){.hero-note{grid-template-columns:1fr 1fr;gap:2.4rem}} .hero-note .lede{margin:0} .strip{background:var(--black);color:var(--on-dark-dim);padding-block:1.15rem; border-block:1px solid rgba(255,255,255,.055)} .strip .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.6rem; font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;text-align:center} .strip b{color:var(--gold);font-weight:700} .grid{display:grid;gap:1.6rem;grid-template-columns:1fr;margin-top:2rem} @media(min-width:660px){.grid{grid-template-columns:repeat(2,1fr);gap:1.6rem 1.4rem}} @media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}} .cine{margin:0} .cine .frame{display:block;border:1px solid var(--hair-dark);border-radius:14px;overflow:hidden;background:#0d0d10} .cine img,.cine video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#0d0d10} .cine figcaption{padding-top:.9rem} .cine .kind{font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin:0 0 .25rem} .cine .desc{font-size:.92rem;color:var(--on-dark-dim);margin:0 0 .6rem} .cine .open{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold); text-decoration:none;border-bottom:1px solid rgba(217,180,92,.4);padding-bottom:.15rem} .cine .soon{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-dim); border:1px solid var(--hair-dark);border-radius:999px;padding:.24rem .6rem;display:inline-block} .steps{display:grid;gap:1.4rem;grid-template-columns:1fr;margin-top:2rem} @media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr);gap:2rem}} .step{border-top:2px solid var(--brass);padding-top:1rem} .step .n{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:1.5rem;color:var(--brass); display:block;line-height:1;margin-bottom:.4rem;font-variant-numeric:tabular-nums} .step p{font-size:.94rem;color:var(--on-light-dim);margin:0} .split{display:grid;gap:1.6rem;grid-template-columns:1fr;margin-top:1.6rem} @media(min-width:820px){.split{grid-template-columns:1.05fr .95fr;gap:2.6rem}} .fit{list-style:none;margin:0;padding:0;display:grid;gap:.7rem} .fit li{position:relative;padding-left:1.5rem;font-size:.96rem;color:var(--on-light-dim)} .fit li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:2px;background:var(--brass)} .best{display:flex;gap:.55rem .85rem;align-items:baseline;flex-wrap:wrap;margin:1.4rem 0 0; padding:1rem 1.2rem;border:1px solid rgba(138,109,40,.32);border-left:3px solid var(--brass); border-radius:12px;background:rgba(138,109,40,.07);font-size:1.02rem;color:var(--on-light)} .best b{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase; letter-spacing:.12em;font-size:.72rem;color:var(--brass);flex:none;position:relative;top:-1px} .best i{font-style:normal;font-weight:600} .note{border-left:2px solid var(--brass);padding-left:1rem;font-size:.94rem;color:var(--on-light-dim)} .hero .eyebrow{color:var(--gold)} /* ========================================================================= 7 · PIEZAS DE LA PORTADA ========================================================================= */ /* --- el diagnostico --- */ .reality h2{max-width:20ch} .reality .big{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase; font-size:clamp(1.5rem,4vw,2.3rem);line-height:1;color:var(--gold);margin:0 0 .35rem} .tri{display:grid;gap:1.6rem;grid-template-columns:1fr;margin-top:2rem} @media(min-width:820px){.tri{grid-template-columns:repeat(3,1fr);gap:2.2rem}} .tri > div{border-top:2px solid var(--brass);padding-top:1rem} .tri p{font-size:.95rem;margin:0} /* --- los cinco sitios de google --- */ .serp{display:grid;gap:.8rem;grid-template-columns:1fr;margin-top:2rem} @media(min-width:620px){.serp{grid-template-columns:repeat(2,1fr)}} @media(min-width:1040px){.serp{grid-template-columns:repeat(5,1fr);gap:.7rem}} .slot{background:#101114;border:1px solid var(--hair-dark);border-radius:12px;padding:.85rem .8rem; display:flex;flex-direction:column;gap:.6rem} .slot .tag{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700; color:var(--on-dark-dim);display:flex;align-items:center;gap:.35rem} .slot .tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass);flex:none} .slot.ours{border-color:rgba(217,180,92,.5);background:#14130f} .slot.ours .tag{color:var(--gold)} .slot.ours .tag::before{background:var(--gold)} .mock{background:#0a0a0c;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.6rem; display:grid;gap:.32rem;min-height:92px;align-content:start} .mock i{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.14)} .mock i.w80{width:80%} .mock i.w60{width:60%} .mock i.w45{width:45%} .mock i.w95{width:95%} .mock i.blue{background:#5b7fd4;height:7px} .mock i.green{background:#4f9d69} .mock i.gold{background:var(--brass);height:7px} .mock .stars{color:var(--brass);font-size:.7rem;letter-spacing:.12em;line-height:1} .mock .pin{display:flex;gap:.25rem} .mock .pin b{width:9px;height:12px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#4f9d69;display:block} .mock .chip{display:inline-block;font-size:.5rem;letter-spacing:.1em;text-transform:uppercase; border:1px solid rgba(255,255,255,.16);border-radius:3px;padding:.1rem .25rem;color:var(--on-dark-dim); width:max-content} .slot .who{font-size:.82rem;color:var(--on-dark-dim);margin:0;line-height:1.45} .slot .verdict{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700; color:var(--on-dark-dim);margin:0;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.07)} .slot.ours .verdict{color:var(--gold)} /* --- la comparativa --- */ .vs{margin-top:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch} .vs table{border-collapse:collapse;width:100%;min-width:660px;font-size:.9rem} .vs th,.vs td{text-align:left;padding:.85rem .9rem;vertical-align:top; border-bottom:1px solid var(--hair-light)} .vs thead th{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase; letter-spacing:.06em;font-size:1rem;color:var(--on-light); border-bottom:2px solid var(--hair-light);white-space:nowrap} .vs thead td{border-bottom:2px solid var(--hair-light)} .vs tbody th{font-weight:600;color:var(--on-light);width:26%;white-space:normal} .vs td{color:var(--on-light-dim)} .vs .us{background:rgba(138,109,40,.07)} .vs thead .us{color:var(--brass);border-bottom-color:var(--brass)} .vs td.us{color:var(--on-light)} .vs .foot-note{font-size:.8rem;color:var(--on-light-dim);margin-top:.9rem} /* --- los dos lados del negocio --- */ .sides{display:grid;gap:1.2rem;grid-template-columns:1fr;margin-top:2rem} @media(min-width:860px){.sides{grid-template-columns:repeat(2,1fr);gap:1.6rem}} .side{border:1px solid var(--hair-dark);border-radius:16px;overflow:hidden;background:#101114; display:flex;flex-direction:column} .side img,.side video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover} .side video{background:#0b0b0d} .side .body{padding:1.2rem 1.2rem 1.35rem;display:flex;flex-direction:column;gap:.5rem;flex:1} .side h3{margin:0} .side p{font-size:.93rem;color:var(--on-dark-dim);margin:0} .side .go{margin-top:auto;padding-top:.6rem;font-size:.68rem;font-weight:700;letter-spacing:.12em; text-transform:uppercase;color:var(--gold);text-decoration:none; border-bottom:1px solid rgba(217,180,92,.4);padding-bottom:.15rem;width:max-content} /* ========================================================================= 8 · PIEZAS DE LA PAGINA DE RESENAS ========================================================================= */ /* --- las tres resenas, en grande --- */ .big-revs{display:grid;gap:1.2rem;grid-template-columns:1fr;margin-top:2rem} @media(min-width:820px){.big-revs{grid-template-columns:repeat(3,1fr);gap:1.4rem}} .big-rev{margin:0;background:var(--white);border:1px solid var(--hair-light);border-radius:16px; padding:1.5rem 1.4rem 1.3rem;display:flex;flex-direction:column;gap:.7rem} .big-rev .stars{color:var(--brass);letter-spacing:.18em;font-size:1rem;margin:0} .big-rev blockquote{margin:0;font-size:1.02rem;line-height:1.5;color:var(--on-light)} .big-rev figcaption{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--hair-light); font-size:.82rem;color:var(--on-light-dim);display:flex;align-items:center;gap:.6rem} .big-rev figcaption b{display:block;color:var(--on-light);font-size:.92rem} .big-rev figcaption img{width:38px;height:38px;object-fit:contain;flex:none; filter:grayscale(1);opacity:.75} /* --- el muro de mensajes --- */ .wall{columns:1;column-gap:1rem;margin-top:2rem} @media(min-width:640px){.wall{columns:2}} @media(min-width:1000px){.wall{columns:3;column-gap:1.2rem}} .wall figure{break-inside:avoid;margin:0 0 1rem;border:1px solid var(--hair-light); border-radius:14px;overflow:hidden;background:var(--white)} .wall img{display:block;width:100%;height:auto} .wall figcaption{font-size:.72rem;letter-spacing:.06em;color:var(--on-light-dim); padding:.6rem .8rem;border-top:1px solid var(--hair-light)} .wall .hueco{break-inside:avoid;margin:0 0 1rem;border:1px dashed rgba(138,109,40,.45); border-radius:14px;background:rgba(138,109,40,.05);display:grid;place-items:center; text-align:center;padding:1.6rem 1.2rem;gap:.5rem} .wall .hueco b{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase; letter-spacing:.12em;font-size:.7rem;color:var(--brass)} .wall .hueco span{font-size:.84rem;color:var(--on-light-dim);max-width:24ch} .wall .hueco.alto{min-height:230px} .wall .hueco.medio{min-height:170px} .wall .hueco.bajo{min-height:130px} /* --- los trabajos --- */ .works{display:grid;gap:1.3rem;grid-template-columns:1fr;margin-top:2rem} @media(min-width:700px){.works{grid-template-columns:repeat(2,1fr)}} @media(min-width:1040px){.works{grid-template-columns:repeat(3,1fr);gap:1.4rem}} .work{margin:0;background:#101114;border:1px solid var(--hair-dark);border-radius:14px; overflow:hidden;display:flex;flex-direction:column} .work img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top} .work figcaption{padding:1rem 1.05rem 1.15rem;display:flex;flex-direction:column;gap:.35rem;flex:1} .work .kind{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin:0} .work b{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase; font-size:1.2rem;line-height:1;color:var(--on-dark)} .work p{font-size:.88rem;color:var(--on-dark-dim);margin:0} /* ========================================================================= 9 · PIEZAS DE QUIENES SOMOS ========================================================================= */ /* cinco pasos en vez de tres */ @media(min-width:660px){.steps.cinco{grid-template-columns:repeat(2,1fr);gap:1.8rem}} @media(min-width:940px){.steps.cinco{grid-template-columns:repeat(3,1fr);gap:1.9rem}} .steps.cinco .step p{font-size:.88rem} .dark .step p,.close .step p{color:var(--on-dark-dim)} /* la galeria del estudio */ .gal{display:grid;gap:.8rem;grid-template-columns:1fr;margin-top:2rem} @media(min-width:660px){.gal{grid-template-columns:repeat(2,1fr)}} @media(min-width:1020px){.gal{grid-template-columns:repeat(4,1fr);gap:.9rem}} .gal figure{margin:0;border:1px solid var(--hair-dark);border-radius:12px;overflow:hidden;background:#101114} .gal img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover} .gal figcaption{font-size:.66rem;letter-spacing:.1em;color:var(--on-dark-dim);padding:.55rem .7rem; border-top:1px solid var(--hair-dark)} @media(min-width:1020px){.gal figure:first-child{grid-column:span 2} .gal figure:first-child img{aspect-ratio:3/1.0}} /* lo que no hacemos */ .nope{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:0; border-top:1px solid var(--hair-light)} .nope li{display:grid;gap:.2rem;grid-template-columns:1fr;padding:1.05rem 0; border-bottom:1px solid var(--hair-light)} @media(min-width:760px){.nope li{grid-template-columns:minmax(0,15rem) 1fr;gap:1.6rem;align-items:baseline}} .nope b{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase; letter-spacing:.05em;font-size:1.08rem;line-height:1.1;color:var(--on-light)} .nope span{font-size:.94rem;color:var(--on-light-dim)} .dark .nope{border-color:var(--hair-dark)} .dark .nope li{border-color:var(--hair-dark)} .dark .nope b{color:var(--on-dark)} .dark .nope span{color:var(--on-dark-dim)} /* ========================================================================= 10 · EL BOTON DE LLAMAR ========================================================================= */ .call{position:fixed;z-index:60; right:max(.9rem, env(safe-area-inset-right)); bottom:max(.9rem, env(safe-area-inset-bottom)); display:inline-flex;align-items:center;justify-content:center;gap:.55rem; width:60px;height:60px;padding:0;border-radius:999px; background:var(--gold);color:#17140c;text-decoration:none; font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.03em; box-shadow:0 12px 34px -10px rgba(0,0,0,.75), 0 0 0 1px rgba(0,0,0,.18), 0 0 0 6px rgba(217,180,92,.14)} .call svg{width:25px;height:25px;flex:none;display:block} .call b{display:none;font-weight:700;font-size:1.05rem;white-space:nowrap} .call:hover{color:#17140c} .call:focus-visible{outline:3px solid var(--white);outline-offset:3px} @media(min-width:760px){ .call{width:auto;height:auto;padding:.8rem 1.35rem .8rem 1.1rem;right:1.4rem;bottom:1.4rem} .call b{display:block} } @media(prefers-reduced-motion:no-preference){ .call{transition:transform .25s cubic-bezier(.22,.61,.36,1), box-shadow .25s ease} .call:hover{transform:translateY(-2px); box-shadow:0 16px 40px -10px rgba(0,0,0,.8), 0 0 0 1px rgba(0,0,0,.18), 0 0 0 8px rgba(217,180,92,.2)} } /* que el boton no tape la ultima linea del pie */ .foot{padding-bottom:calc(2rem + 60px)} @media(min-width:760px){.foot{padding-bottom:2rem}} /* ========================================================================= 11 · LA BANDA DEL VIDEO ========================================================================= */ .filmband{margin:2rem 0 0;position:relative;border-radius:16px;overflow:hidden; background:#0a0a0c;border:1px solid var(--hair-dark); box-shadow:0 26px 70px -30px rgba(0,0,0,.9)} .filmband video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0a0a0c} .filmband figcaption{position:absolute;left:0;right:0;bottom:0; display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap; font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#e2dccb; padding:2.4rem 1.1rem .85rem; background:linear-gradient(180deg,transparent,rgba(4,4,6,.8))} .filmband figcaption b{color:var(--gold);font-weight:700} /* ========================================================================= 12 · CARRUSEL EN EL MOVIL ========================================================================= Las rejillas de tarjetas, en una pantalla estrecha, se hacian una columna larguisima. Aqui pasan a deslizarse de lado. La tarjeta ocupa el 78 %, de modo que siempre se ve el principio de la siguiente: eso es lo que le dice al visitante que hay mas y que puede arrastrar. ========================================================================= */ @media(max-width:720px){ .serp, .works, .grid, .gal, .big-revs, .revs, .rail, .tri, .steps, .sides{ --gut:clamp(1.1rem,4vw,2rem); display:flex !important; grid-template-columns:none !important; flex-wrap:nowrap; overflow-x:auto; overflow-y:visible; scroll-snap-type:x mandatory; scroll-padding-left:var(--gut); margin-inline:calc(-1 * var(--gut)); padding-inline:var(--gut); padding-bottom:.75rem; gap:.7rem; -webkit-overflow-scrolling:touch; scrollbar-width:none; overscroll-behavior-x:contain; } .serp::-webkit-scrollbar, .works::-webkit-scrollbar, .grid::-webkit-scrollbar, .gal::-webkit-scrollbar, .big-revs::-webkit-scrollbar, .revs::-webkit-scrollbar, .rail::-webkit-scrollbar, .tri::-webkit-scrollbar, .steps::-webkit-scrollbar, .sides::-webkit-scrollbar{ display:none } .serp > *, .works > *, .grid > *, .gal > *, .big-revs > *, .revs > *, .rail > *, .tri > *, .steps > *, .sides > *{ flex:0 0 78%; scroll-snap-align:start; min-width:0; } /* la ultima tarjeta necesita hueco detras para poder quedar alineada */ .serp::after, .works::after, .grid::after, .gal::after, .big-revs::after, .revs::after, .rail::after, .tri::after, .steps::after, .sides::after{ content:""; flex:0 0 calc(22% - .7rem); } /* el desplazamiento lateral de la entrada estorba dentro de un carrusel */ .js .serp .anim, .js .works .anim, .js .grid .anim, .js .gal .anim, .js .big-revs .anim, .js .revs .anim, .js .rail .anim, .js .tri .anim, .js .steps .anim, .js .sides .anim{ transform:translate3d(0,22px,0) } .js .serp .anim.on, .js .works .anim.on, .js .grid .anim.on, .js .gal .anim.on, .js .big-revs .anim.on, .js .revs .anim.on, .js .rail .anim.on, .js .tri .anim.on, .js .steps .anim.on, .js .sides .anim.on{ transform:none } /* las fotos dejan de ser altas: en carrusel van apaisadas */ .gal figure:first-child img{ aspect-ratio:3/2 } .works img{ aspect-ratio:16/10 } } /* ========================================================================= 13 · EL MENU ========================================================================= */ .nav .wrap{position:relative} .burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px; width:44px;height:44px;padding:0 10px;margin-right:-10px;border:0;background:none; cursor:pointer;flex:none} .burger span{display:block;height:2px;width:100%;background:var(--on-dark);border-radius:2px; transition:transform .28s cubic-bezier(.22,.61,.36,1), opacity .18s} .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)} .burger[aria-expanded="true"] span:nth-child(2){opacity:0} .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .burger:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px} @media(min-width:860px){.burger{display:none}} .menu{position:absolute;left:0;right:0;top:100%;z-index:30; background:rgba(9,9,11,.97);border-top:1px solid var(--hair-dark); border-bottom:1px solid var(--hair-dark); padding:.5rem clamp(1.1rem,4vw,2rem) 1.4rem; max-height:calc(100vh - 4.5rem);overflow-y:auto} @supports (backdrop-filter:blur(10px)){.menu{background:rgba(9,9,11,.85);backdrop-filter:blur(14px)}} .menu[hidden]{display:none} .menu h4{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase; letter-spacing:.16em;font-size:.62rem;color:var(--brass);margin:1.1rem 0 .5rem} .menu a{display:block;color:var(--on-dark);text-decoration:none;font-size:1.02rem; padding:.52rem 0;border-bottom:1px solid rgba(255,255,255,.05)} .menu a:hover,.menu a:focus-visible{color:var(--gold)} .menu .btn{margin-top:1.2rem;justify-content:center;width:100%;border-bottom:0} .menu .btn:hover{color:#17140c} @media(min-width:860px){.menu{display:none !important}} /* ========================================================================= 13 · PIEZAS DE LAS PAGINAS DE CONDADO ========================================================================= */ /* la lista de pueblos: dos o tres columnas, con la poblacion al lado */ .towns-list{list-style:none;margin:1.8rem 0 0;padding:0; display:grid;gap:.1rem;grid-template-columns:1fr; border-top:1px solid var(--hair-light)} @media(min-width:620px){.towns-list{grid-template-columns:repeat(2,1fr);column-gap:2.4rem}} @media(min-width:960px){.towns-list{grid-template-columns:repeat(3,1fr)}} .towns-list li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem; padding:.7rem 0;border-bottom:1px solid var(--hair-light)} .towns-list b{font-weight:600;font-size:.98rem} .towns-list span{font-size:.76rem;color:var(--on-light-dim);font-variant-numeric:tabular-nums; white-space:nowrap} .dark .towns-list,.dark .towns-list li{border-color:var(--hair-dark)} .dark .towns-list span{color:var(--on-dark-dim)} /* carreteras y sitios, uno al lado del otro */ .two-cols{display:grid;gap:1.8rem;grid-template-columns:1fr;margin-top:2rem} @media(min-width:760px){.two-cols{grid-template-columns:1fr 1fr;gap:2.8rem}} .two-cols h3{margin-bottom:.9rem;color:var(--gold)} .light .two-cols h3,.paper .two-cols h3{color:var(--brass)} ul.plain{list-style:none;margin:0;padding:0;display:grid;gap:.5rem} ul.plain li{font-size:.94rem;color:var(--on-dark-dim); padding-bottom:.5rem;border-bottom:1px solid var(--hair-dark)} .light ul.plain li,.paper ul.plain li{color:var(--on-light-dim);border-color:var(--hair-light)} ul.plain i{font-style:normal;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase; color:var(--brass);margin-left:.4rem} /* los enlaces a los otros oficios y a los condados de al lado */ .chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem} .chip{display:inline-flex;align-items:center;font-size:.8rem;font-weight:600; padding:.5rem .9rem;border-radius:999px;text-decoration:none; border:1px solid var(--hair-light);color:var(--on-light);background:var(--white)} .chip:hover{border-color:var(--brass);color:var(--brass)} .dark .chip{border-color:var(--hair-dark);color:var(--on-dark);background:rgba(255,255,255,.03)} .dark .chip:hover{border-color:var(--gold);color:var(--gold)} /* la rejilla de oficios y de condados reaprovecha .serp, pero como enlace */ a.slot{text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease} a.slot:hover{border-color:var(--gold);transform:translateY(-2px)} /* el parrafo local de cada pagina de condado: el texto que solo tiene ella */ .lede-local{font-size:clamp(1.05rem,2.5vw,1.22rem);line-height:1.7;max-width:68ch; margin:0;color:var(--on-light)} #local{padding-block:clamp(2.2rem,5vw,3.4rem)} /* el indice de estados: cada estado con sus condados debajo */ .state-list{display:grid;gap:1.6rem;grid-template-columns:1fr;margin-top:2rem} @media(min-width:760px){.state-list{grid-template-columns:repeat(2,1fr);column-gap:2.8rem}} .state-list h3{margin:0;padding-bottom:.6rem;border-bottom:1px solid var(--hair-light)} .state-list h3 a{color:inherit;text-decoration:none} .state-list h3 a:hover{color:var(--brass)} .state-list .chips{margin-top:.8rem} /* la lista de busquedas: la frase de al lado es larga y en el telefono va debajo */ .towns-list.searches li{flex-direction:column;align-items:flex-start;gap:.15rem} .towns-list.searches span{white-space:normal} /* la franja cinematica dentro de las paginas de la red: dos piezas y a un lado */ .grid.two{grid-template-columns:1fr} @media(min-width:660px){.grid.two{grid-template-columns:repeat(2,1fr)}} .grid.two .cine h3{margin:0;font-size:1.05rem} /* ========================================================================= 14 · PAGINA DE PRUEBAS (work.html) ========================================================================= */ .work .count{font-size:.8rem;color:var(--on-dark-dim);margin-top:.2rem} .work .count strong{color:var(--gold);font-weight:700} .work .open{margin-top:auto;padding-top:.6rem;font-size:.68rem;font-weight:700;letter-spacing:.12em; text-transform:uppercase;color:var(--gold);text-decoration:none} .work .open:hover{text-decoration:underline} .work .soon{margin-top:auto;padding-top:.6rem;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase; color:var(--on-dark-dim)} /* las capturas de Search Console: se ven enteras, con la fecha */ .shots{display:grid;gap:1.4rem;grid-template-columns:1fr;margin-top:2rem} @media(min-width:700px){.shots{grid-template-columns:repeat(2,1fr)}} @media(min-width:1100px){.shots{grid-template-columns:repeat(4,1fr)}} .shot{margin:0;background:var(--white);border:1px solid var(--hair-light);border-radius:14px;overflow:hidden; display:flex;flex-direction:column} .shot img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#f4f5f7} .shot figcaption{padding:1rem 1.05rem 1.15rem;display:flex;flex-direction:column;gap:.35rem} .shot .kind{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin:0} .shot b{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;font-size:1.15rem; line-height:1.05;color:var(--on-light)} .shot p{font-size:.86rem;color:var(--on-light-dim);margin:0} /* la franja de pruebas de la red enlaza a la pagina de pruebas */ #proof .cta-row{margin-top:1.6rem} /* ========================================================================= 15 · EL BLOG ========================================================================= */ .post-hero h1{font-size:clamp(2rem,6.5vw,3.4rem);max-width:22ch} .post-hero .lede{max-width:62ch} .post-meta{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#bfb49a;margin:0} .post-body{padding-block:clamp(1.6rem,4vw,2.6rem)} .post-cover{margin:0 0 2rem;border-radius:16px;overflow:hidden;border:1px solid var(--hair-light)} .post-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover} .post-grid{display:grid;gap:2.2rem;grid-template-columns:1fr} @media(min-width:980px){.post-grid{grid-template-columns:minmax(0,1fr) 300px;gap:3rem}} .prose{max-width:68ch;font-size:1.04rem;line-height:1.72;color:var(--on-light)} .prose h2{font-size:clamp(1.45rem,3.6vw,1.9rem);margin:2.2rem 0 .8rem;line-height:1.02} .prose h2:first-child{margin-top:0} .prose p{margin:0 0 1rem} .prose ul.tips{margin:.4rem 0 1.4rem;padding:1rem 1.2rem 1rem 2.2rem;background:var(--white); border:1px solid var(--hair-light);border-left:3px solid var(--gold);border-radius:10px} .prose ul.tips li{margin:.3rem 0} .faq{margin-top:2.4rem} .faq-q{border-top:1px solid var(--hair-light);padding:.9rem 0} .faq-q:last-child{border-bottom:1px solid var(--hair-light)} .faq-q summary{cursor:pointer;font-weight:600;list-style:none} .faq-q summary::-webkit-details-marker{display:none} .faq-q summary::after{content:"+";float:right;color:var(--brass);font-weight:700} .faq-q[open] summary::after{content:"\2013"} .faq-q p{margin:.6rem 0 0;color:var(--on-light-dim)} .post-side{display:grid;gap:1.2rem;align-content:start} @media(min-width:980px){.post-side{position:sticky;top:88px}} .takeaways{background:var(--carbon);color:var(--on-dark);border-radius:14px;padding:1.2rem 1.25rem} .takeaways .eyebrow{color:var(--gold)} .takeaways ul{margin:0;padding:0;list-style:none;display:grid;gap:.7rem} .takeaways li{font-size:.92rem;line-height:1.45;padding-left:1.4rem;position:relative;color:var(--on-dark-dim)} .takeaways li::before{content:"";position:absolute;left:0;top:.45em;width:.6rem;height:.6rem;border-radius:2px;background:var(--gold)} .put-to-work{background:var(--white);border:1px solid var(--hair-light);border-radius:14px;padding:1.1rem 1.2rem} .put-to-work .eyebrow{color:var(--brass)} .put-to-work .chips{margin-top:.4rem} /* tarjetas de articulos */ .post-grid-cards{display:grid;gap:1.3rem;grid-template-columns:1fr;margin-top:1.8rem} @media(min-width:700px){.post-grid-cards{grid-template-columns:repeat(2,1fr)}} @media(min-width:1040px){.post-grid-cards{grid-template-columns:repeat(3,1fr)}} .post-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--white); border:1px solid var(--hair-light);border-radius:14px;overflow:hidden;transition:transform .2s ease,border-color .2s ease} .post-card:hover{transform:translateY(-2px);border-color:var(--brass)} .post-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover} .pc-body{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.05rem 1.2rem} .post-card .kind{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)} .post-card b{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;font-size:1.25rem;line-height:1.02} .pc-desc{font-size:.88rem;color:var(--on-light-dim)} .post-feature .post-card.big{display:grid;grid-template-columns:1fr;background:#15161a;border-color:var(--hair-dark);color:var(--on-dark)} @media(min-width:860px){.post-feature .post-card.big{grid-template-columns:1.3fr 1fr}} .post-card.big img{aspect-ratio:3/2;height:100%} .post-card.big .pc-body{justify-content:center;padding:1.6rem} .post-card.big b{font-size:clamp(1.6rem,4vw,2.3rem);color:var(--on-dark)} .post-card.big .pc-desc{color:var(--on-dark-dim);font-size:.98rem} .post-card.big .kind{color:var(--gold)} .hero .chips .chip{background:rgba(255,255,255,.04);border-color:var(--hair-dark);color:var(--on-dark)} .cat-link{color:inherit;text-decoration:none} .cat-link:hover{color:var(--brass)} /* 16. paginas de ejemplos */ .cine figcaption .go{display:inline-block;margin-top:.5rem;color:var(--gold);font-weight:600;text-decoration:none} .cine figcaption .go:hover{text-decoration:underline} /* 17. la oferta: cuatro busquedas de Google con tu web en cada una */ .offer{padding-block:0} .offer-sticky{padding-block:3.4rem} .offer .lede a{color:var(--gold)} .offer-track{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.8rem} @media(max-width:1180px){.offer-track{grid-template-columns:repeat(2,minmax(0,1fr))}} .srp{background:#fff;color:#202124;border-radius:14px;padding:.9rem .95rem 1rem;font-family:Arial,Helvetica,sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.4);min-width:0} .srp .srp-bar{display:flex;align-items:center;gap:.55rem;border:1px solid #dfe1e5;border-radius:999px;padding:.42rem .8rem;font-size:.84rem;box-shadow:0 1px 6px rgba(32,33,36,.2)} .srp .srp-bar b{font-weight:700;color:#4285f4;font-size:1.05rem;flex:none} .srp .srp-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .srp .srp-bar i{margin-left:auto;flex:none;width:14px;height:14px;border-radius:50%;background:conic-gradient(#4285f4,#34a853,#fbbc05,#ea4335,#4285f4)} .srp .srp-tabs{display:flex;gap:.85rem;font-size:.68rem;color:#5f6368;margin:.75rem 0 .3rem;border-bottom:1px solid #ebebeb} .srp .srp-tabs span{padding-bottom:.4rem} .srp .srp-tabs .on{color:#1a73e8;border-bottom:2px solid #1a73e8;font-weight:700} .srp .srp-res{padding:.6rem 0;border-bottom:1px solid #f1f3f4} .srp .srp-res:last-child{border-bottom:0;padding-bottom:.2rem} .srp .srp-site{display:flex;align-items:center;gap:.4rem;font-size:.66rem;color:#4d5156;min-width:0} .srp .srp-site i{width:16px;height:16px;border-radius:50%;background:linear-gradient(150deg,var(--gold),#8a6d28);flex:none} .srp .srp-site b{color:#202124;font-weight:700;white-space:nowrap} .srp .you .srp-site b{color:#7a5c14} .srp .srp-site span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .srp .srp-t{display:block;color:#1a0dab;font-size:.9rem;line-height:1.3;margin:.18rem 0 .1rem;text-decoration:none} .srp .srp-s{margin:0;font-size:.72rem;line-height:1.45;color:#4d5156} .srp .srp-stars{color:#fbbc04;font-size:.72rem;letter-spacing:.04em} .srp .other{opacity:.45} .srp .other .srp-site i{background:#c4c4c4} .offer-hint{display:none} @media(max-width:860px){ .js .offer-stage{height:calc(100vh + 1500px)} .js .offer-sticky{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-block:1rem;box-sizing:border-box} .js .offer-sticky > .wrap:first-child{flex:none} .offer-sticky h2{font-size:clamp(1.5rem,6.2vw,2.1rem)} .offer-sticky .lede{font-size:.92rem} .offer-wrap{overflow:hidden;flex:none;width:100%;box-sizing:border-box;align-self:stretch} .offer-track{display:flex;gap:.9rem;margin-top:1.1rem;will-change:transform} .srp{flex:0 0 min(84vw,340px)} .offer-hint{display:block;text-align:center;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-dim);margin:.9rem 0 0} html:not(.js) .offer-track{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem} html:not(.js) .srp{scroll-snap-align:start} } @media(prefers-reduced-motion:reduce){ .js .offer-stage{height:auto} .js .offer-sticky{position:static;min-height:0} .offer-wrap{overflow:visible} .offer-track{overflow-x:auto;scroll-snap-type:x mandatory} .srp{scroll-snap-align:start} }