/*! Pixel Santo — home D2:el resto de la página. * Se carga después del primer pintado (media="print" + onload). * Reglas de la marca v1.2:* · Superficies separadas por escalones de tono,nunca por líneas de 1 px. * · Sin eyebrows,sin chips mono,sin numeración 01/02/03. * · JetBrains Mono solo en cifras de tabla y precios. * · Oro solo en CTA,cifras y halo. Índigo en estado activo y enlaces. */ .display-2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.6vw,64px);line-height:1;letter-spacing:-.025em;margin:0;color:var(--cirio);text-wrap:balance}.intro{font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--ceniza);max-width:48ch;margin:0}section{padding:140px 0}main{overflow-x:clip}h2 + .intro{margin-top:26px}.escena{--fondo-escena:var(--piedra);background:var(--piedra);padding:120px 0;position:relative}.escena-escenario{position:relative}.escena-titulo{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.2vw,44px);letter-spacing:-.02em;margin:0 auto 72px;max-width:1280px;padding:0 48px;color:var(--cirio)}#escena-lienzo{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;opacity:0;transition:opacity 220ms ease-out}.escena-2d ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:128px}.escena-2d li{max-width:1280px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:64px;align-items:center}.escena-2d li:nth-child(even){grid-template-columns:minmax(0,42fr) minmax(0,58fr)}.escena-2d li:nth-child(even) figure{order:2}.escena-2d figure{margin:0;background:var(--piedra-alta);border-radius:10px;padding:10px;overflow:clip}.escena-2d picture{display:block}.escena-2d img{display:block;width:100%;height:min(50vh,520px);object-fit:cover;object-position:top center;border-radius:4px}.escena-2d .con-telefono figure{max-width:330px;margin:0 auto;border-radius:26px;padding:12px}.escena-2d .con-telefono img{height:min(58vh,600px);object-fit:cover;object-position:top center;border-radius:16px}.escena-2d-texto{display:flex;flex-direction:column;gap:14px;max-width:42ch}.escena-2d h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.02em;margin:0 0 14px}.escena-2d p{color:var(--ceniza);font-size:17px;line-height:1.6;margin:0;max-width:40ch}.escena-texto{max-width:1280px;margin:0 auto;padding:0 48px;position:relative}.escena-col{display:grid}.capitulo{display:none}.escena.con-3d{padding:0}.escena.con-3d .escena-pista{height:420vh}.escena.con-3d .escena-escenario{position:sticky;top:0;height:100vh;overflow:clip;display:block}.escena.con-3d #escena-lienzo{display:block;opacity:1}.escena.con-3d .escena-2d{display:none}.escena-halo.con-3d .escena-pista{height:560vh}.escena-halo.con-3d .capitulo{transition:none}.escena-halo.con-3d .capitulo,.escena-halo.con-3d .hero-empresa{will-change:opacity,transform}.escena-halo.con-3d .escena-escenario{contain:layout paint}.escena-halo.con-3d .escena-escenario{top:var(--nav-alto,72px);height:calc(100vh - var(--nav-alto,72px))}.escena.con-3d .escena-texto{position:absolute;left:0;right:0;bottom:9vh;pointer-events:none;z-index:1}.escena.con-3d .escena-titulo{display:none}.escena.con-3d .capitulo{display:block;position:absolute;left:48px;bottom:0;max-width:34ch;opacity:0;transform:translateY(16px);transition:opacity 420ms var(--ease-out,ease-out),transform 420ms ease-out}.escena.con-3d .capitulo.es-activo{opacity:1;transform:none}@media (min-width:1100px){.escena.con-3d .escena-texto{left:0;right:0;bottom:auto;top:0;height:100%;width:auto;max-width:none;padding:0;display:block;z-index:1}.escena.con-3d .escena-texto::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,var(--fondo-escena) 0 38%,transparent 44%)}.escena.con-3d .escena-col{position:relative;height:100%;max-width:1280px;margin:0 auto;padding:0 48px;display:grid;align-items:center}.escena.con-3d .capitulo{position:static;grid-area:1/1;left:auto;bottom:auto;max-width:34ch;pointer-events:none}.escena.con-3d .capitulo.es-activo{pointer-events:auto}}.escena.con-3d .capitulo h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.02em;margin:0 0 12px;color:var(--cirio)}.escena.con-3d .capitulo p{font-size:17px;line-height:1.55;color:var(--ceniza);margin:0}@media (max-width:1099px){.escena.con-3d .escena-texto::before{content:"";position:absolute;inset:auto 0 0 0;height:46vh;z-index:-1;pointer-events:none;background:linear-gradient(0deg,var(--fondo-escena) 0 45%,transparent 100%)}}@media (min-width:1100px){.escena.con-3d .capitulo h3{font-size:48px;line-height:1.04;margin:0 0 16px}.escena.con-3d .capitulo p{font-size:18px;line-height:1.6;max-width:34ch}}.negocios{background:var(--basilica)}.giros{display:flex;flex-wrap:wrap;gap:4px 34px;margin:44px 0 56px}.giro{background:none;border:0;padding:8px 0;font-family:var(--sans);font-size:clamp(19px,2.1vw,28px);font-weight:500;letter-spacing:-.01em;color:var(--ceniza);cursor:pointer;position:relative;transition:color 180ms ease}.giro:hover{color:var(--cirio)}.giro[aria-selected="true"]{color:var(--cirio)}.giro[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--indigo)}.panel-negocio{display:grid;grid-template-columns:minmax(0,62fr) minmax(0,38fr);gap:56px;align-items:center}.panel-foto{margin:0;background:var(--piedra);border-radius:10px;padding:10px;overflow:clip}.panel-foto img{display:block;width:100%;height:auto;border-radius:4px}.panel-texto h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.02em;margin:0 0 20px}.panel-texto ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.panel-texto li{position:relative;padding-left:22px;font-size:17px;line-height:1.55;color:var(--cirio)}.panel-texto li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:1px;background:var(--indigo)}.modulos{background:var(--piedra)}.modulos-in{display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);gap:72px;align-items:start}.modulos-foto{margin:0;position:sticky;top:40px;background:var(--piedra-alta);border-radius:10px;padding:10px;overflow:clip}.modulos-foto img{display:block;width:100%;height:auto;border-radius:4px}.lista-modulos{list-style:none;margin:40px 0 32px;padding:0;display:flex;flex-direction:column;gap:22px}.lista-modulos li{display:grid;grid-template-columns:minmax(0,15ch) minmax(0,1fr);gap:26px}.modulo-nombre{font-weight:600;font-size:16.5px;color:var(--cirio)}.modulo-texto{font-size:15.5px;line-height:1.5;color:var(--ceniza)}.dian{background:var(--piedra-alta)}.dian-in{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:72px;align-items:center}.lista-dian{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.lista-dian li{position:relative;padding-left:24px;font-size:16.5px;line-height:1.55;color:var(--cirio)}.lista-dian li::before{content:"";position:absolute;left:0;top:.58em;width:10px;height:2px;background:var(--oro)}.dato{font-family:var(--mono);font-size:.92em;color:var(--cirio)}.nota-dian{margin-top:30px;font-size:14px;line-height:1.6;color:var(--ceniza);max-width:44ch}.dian-foto{margin:0;display:flex;flex-direction:column;gap:12px}.dian-foto img{display:block;width:100%;height:auto;border-radius:6px;background:#fff}.dian-foto figcaption{font-size:12.5px;color:var(--ceniza)}.comparativo{background:var(--basilica)}.tabla-comparativa{margin-top:56px;overflow-x:auto}.tabla-comparativa table{width:100%;border-collapse:collapse;min-width:760px}.tabla-comparativa th{text-align:left;font-weight:500;font-size:14px;color:var(--ceniza);padding:0 20px 18px 0}.tabla-comparativa td{padding:20px 20px 20px 0;font-size:16px;color:var(--ceniza);vertical-align:top}.tabla-comparativa tbody tr:nth-child(odd) td{background:rgba(28,28,41,.55)}.tabla-comparativa tbody tr:nth-child(odd) td:first-child{border-radius:6px 0 0 6px}.tabla-comparativa tbody tr:nth-child(odd) td:last-child{border-radius:0 6px 6px 0}.tabla-comparativa td:first-child{color:var(--cirio);font-weight:500}.tabla-comparativa .nuestro{color:var(--cirio)}.cifras{background:var(--piedra);padding:120px 0}.cifras-titulo{margin-bottom:48px;font-size:clamp(24px,2.4vw,34px)}.cifras-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}.cifras-lista li{display:flex;flex-direction:column;gap:12px}.cifra-grande{font-family:var(--serif);font-size:clamp(44px,5.4vw,84px);line-height:.95;letter-spacing:-.03em;color:var(--oro);font-variant-numeric:tabular-nums}.cifra-pie{font-size:14.5px;line-height:1.5;color:var(--ceniza);max-width:22ch}.proyectos{background:var(--basilica)}.proyectos-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}.proyectos-lista{list-style:none;margin:56px 0 0;padding:0}.proyecto-fila{display:grid;grid-template-columns:14ch minmax(0,1fr) 3ch;grid-template-areas:"sector nombre flecha" "sector resumen flecha";gap:6px 32px;padding:40px 0;text-decoration:none;color:inherit;transition:color 180ms ease}.proyecto-fila:hover .proyecto-nombre{color:var(--oro)}.proyecto-sector{grid-area:sector;font-size:13px;color:var(--ceniza);padding-top:6px}.proyecto-nombre{grid-area:nombre;font-family:var(--serif);font-size:clamp(24px,2.4vw,34px);letter-spacing:-.02em;line-height:1.15;color:var(--cirio);transition:color 180ms ease}.proyecto-resumen{grid-area:resumen;font-size:15.5px;line-height:1.5;color:var(--ceniza);max-width:70ch}.proyecto-flecha{grid-area:flecha;justify-self:end;align-self:center;font-size:22px;color:var(--ceniza)}.precios{background:var(--piedra)}.planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px;align-items:stretch}.plan{display:flex;flex-direction:column;gap:16px;padding:36px 32px 34px;border-radius:12px;background:rgba(255,255,255,.028)}.plan-destacado{background:var(--piedra-alta)}.plan h3{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:-.01em;margin:0}.plan-precio{margin:0;display:flex;align-items:baseline;gap:8px}.plan-precio .cifra{font-size:clamp(30px,3vw,40px);line-height:1}.plan-mes{font-size:14px;color:var(--ceniza)}.plan-instala{margin:0;font-size:13.5px;color:var(--ceniza)}.plan-para{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--cirio)}.plan ul{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:10px}.plan li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.45;color:var(--ceniza)}.plan li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:1px;background:var(--indigo);opacity:.8}.plan .btn,.plan .enlace{margin-top:auto;align-self:flex-start}.nota-precios{margin-top:36px;font-size:14px;color:var(--ceniza);max-width:70ch}.precios-comp{background:var(--basilica);overflow-x:clip}.precios-comp .wrap{min-width:0}.precios-comp .tabla-comparativa td:not(:first-child){text-align:center}.precios-comp .tabla-comparativa th:not(:first-child){text-align:center}.tabla-comparativa .si{color:var(--olivo);font-weight:500}.tabla-comparativa .no{color:var(--ceniza)}.garantia{margin:48px 0 0;max-width:62ch;font-family:var(--serif);font-size:clamp(20px,2vw,26px);line-height:1.35;letter-spacing:-.01em;color:var(--cirio)}.garantia + .nota-precios{margin-top:28px}.donde{background:var(--basilica)}.donde-lista{list-style:none;margin:56px 0 0;padding:0}.donde-lista a{display:grid;grid-template-columns:minmax(0,22ch) minmax(0,1fr);gap:32px;padding:34px 0;text-decoration:none;color:inherit;transition:color 180ms ease}.donde-lista a:hover .donde-lugar{color:var(--oro)}.donde-lugar{font-family:var(--serif);font-size:clamp(22px,2.2vw,30px);letter-spacing:-.01em;transition:color 180ms ease}.donde-texto{font-size:16px;line-height:1.55;color:var(--ceniza);max-width:62ch}.preguntas{background:var(--piedra)}.preguntas-in{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:72px;align-items:start}.acordeon details{padding:28px 0}.acordeon details:first-child{padding-top:0}.acordeon summary{list-style:none;cursor:pointer;font-family:var(--serif);font-size:clamp(19px,1.8vw,23px);letter-spacing:-.01em;color:var(--cirio);display:flex;justify-content:space-between;gap:24px;align-items:baseline}.acordeon summary::-webkit-details-marker{display:none}.acordeon summary::after{content:"+";font-family:var(--sans);font-size:24px;color:var(--ceniza);transition:transform 200ms ease}.acordeon details[open] summary::after{transform:rotate(45deg)}.acordeon p{margin:16px 0 0;font-size:16px;line-height:1.65;color:var(--ceniza);max-width:66ch}.cierre{background:var(--basilica);padding:140px 0 0;text-align:center;overflow:clip}.cierre-gancho{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,40px);letter-spacing:-.02em;margin:0 0 34px;color:var(--cirio);text-wrap:balance;line-height:1.1}.btn-grande{font-size:18px;padding:19px 34px}.cierre-enlace{display:block;margin-top:26px;font-size:15px}.cierre-marca{font-family:var(--serif);font-size:clamp(46px,13.2vw,205px);line-height:.82;letter-spacing:-.045em;color:#5c5c70;margin-top:70px;white-space:nowrap;user-select:none}.pie{background:#08080C;padding:64px 0 40px}.pie-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px}.pie .titulo-pie{font-size:14px;color:var(--cirio);margin:0 0 14px;font-weight:600}.pie ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14.5px}.pie ul a{color:var(--ceniza);text-decoration:none}.pie ul a:hover{color:var(--cirio)}.pie-bajo{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:24px;font-size:12.5px;color:var(--ceniza)}@keyframes ps-subir{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes ps-abrir{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.escena-2d li figure,.panel-foto,.modulos-foto,.dian-foto{animation:ps-abrir linear both;animation-timeline:view();animation-range:entry 0% entry 45%}.display-2,.intro,.cifra-grande{animation:ps-subir linear both;animation-timeline:view();animation-range:entry 0% entry 30%}}}.revela-pre{opacity:0;transform:translateY(20px)}.revela-pre.ps-visto{opacity:1;transform:none;transition:opacity 620ms ease-out,transform 760ms ease-out}.otras-lineas{background:var(--piedra-alta);padding:64px 0 72px}.otras-titulo{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;margin:0 0 26px;color:var(--cirio)}.otras-lineas ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.otras-lineas a{display:grid;grid-template-columns:minmax(0,1fr) 2ch;grid-template-areas:"nombre flecha" "texto flecha";gap:4px 12px;padding:20px 22px;border-radius:10px;background:var(--piedra);text-decoration:none;color:inherit;transition:background var(--transicion)}.otras-lineas a:hover{background:var(--cincel)}.otras-nombre{grid-area:nombre;font-family:var(--serif);font-size:19px;letter-spacing:-.01em;color:var(--cirio)}.otras-texto{grid-area:texto;font-size:13.5px;line-height:1.45;color:var(--ceniza)}.otras-flecha{grid-area:flecha;align-self:center;justify-self:end;color:var(--ceniza)}@media (max-width:900px){.otras-lineas ul{grid-template-columns:1fr}.otras-lineas{padding:44px 0 52px}}@media (max-width:1024px){.modulos-in,.dian-in,.preguntas-in{grid-template-columns:1fr;gap:44px}.modulos-foto{position:static}.panel-negocio{grid-template-columns:1fr;gap:36px}.panel-foto{order:2}}@media (max-width:900px){section{padding:76px 0}.cifras{padding:72px 0}.escena{padding:72px 0}.escena-titulo{padding:0 24px;margin-bottom:44px}.escena-2d ol{gap:72px}.escena-2d li,.escena-2d li:nth-child(even){grid-template-columns:1fr;gap:26px;padding:0 24px}.escena-2d li:nth-child(even) figure{order:0}.escena.con-3d .capitulo{left:24px;right:24px;max-width:none}.cifras-lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.planes{grid-template-columns:1fr}.proyecto-fila{grid-template-columns:1fr;grid-template-areas:"sector" "nombre" "resumen";gap:8px}.proyecto-flecha{display:none}.donde-lista a{grid-template-columns:1fr;gap:8px}.pie-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.cierre{padding-top:88px}}@media (max-width:560px){.tabla-comparativa table{min-width:0}.tabla-comparativa th{font-size:11.5px;padding:0 8px 12px 0}.tabla-comparativa td{font-size:12.5px;padding:12px 8px 12px 0}.cifras-lista{grid-template-columns:1fr;gap:30px}.giros{gap:2px 22px;margin:30px 0 36px}.tabla-comparativa{margin-top:36px}}@media (prefers-reduced-motion:reduce){.escena.con-3d .capitulo{transition:none}.revela-pre{opacity:1;transform:none}.giro,.enlace,.proyecto-nombre,.donde-lugar,.btn{transition:none}}/*! Pixel Santo — herramientas gratis (D3). * El hub usa el sistema de la home (home-resto + esto);las páginas del * diagnóstico y de la ficha siguen con el bundle del sitio porque el * componente de Livewire vive de esas clases. Aquí solo se re-maqueta la * cabecera y el marco de esas dos páginas. */ .herr-hero{padding:30px 0 0}.herr-hero .display{font-size:clamp(42px,7.4vw,104px);line-height:.92}.herr-hero .hero-bajo{align-items:flex-start;margin:30px 0 48px}.herr-hero .lead{max-width:54ch}.hero-lugar{margin:0 0 20px;font-size:14px;color:var(--ceniza)}.herr-escena{background:var(--piedra);padding:96px 0}.herr-lienzo{margin:44px 0 0;background:var(--piedra-alta);border-radius:12px;padding:18px 18px 14px}.herr-lienzo canvas{display:block;width:100%;height:auto;aspect-ratio:1000/420}.herr-lienzo figcaption{padding:14px 6px 4px;font-size:13px;line-height:1.55;color:var(--ceniza);max-width:78ch}.herr-lista{background:var(--basilica)}.herr-herramientas{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.herr-herramienta{display:flex;flex-direction:column;gap:14px;height:100%;padding:30px;border-radius:12px;background:var(--piedra);text-decoration:none;color:inherit;transition:background var(--transicion)}.herr-herramienta:hover{background:var(--piedra-alta)}.herr-icono{width:46px;height:46px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:rgba(91,77,224,.12)}.herr-titulo{font-family:var(--serif);font-size:clamp(23px,2.2vw,30px);letter-spacing:-.02em;color:var(--cirio);line-height:1.15}.herr-texto{font-size:15px;line-height:1.6;color:var(--ceniza)}.herr-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:10px;font-size:13px;color:var(--ceniza)}.herr-flecha{font-size:18px}.herr-tool{padding:56px 0 12px}.herr-tool .wrap{max-width:1000px}.herr-tool h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,5.4vw,54px);line-height:1.02;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance;color:var(--cirio)}.herr-tool p{font-size:17px;line-height:1.65;color:var(--ceniza);max-width:62ch;margin:0 0 14px}.herr-tool .herr-migas{margin:0 0 18px;font-size:13.5px;color:var(--ceniza)}.herr-tool .herr-migas a{color:var(--ceniza);text-decoration:none}.herr-tool .herr-migas a:hover{color:var(--cirio)}.herr-tool .herr-nota{font-size:13.5px;color:var(--ceniza)}.herr-tool .herr-etiquetas{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.herr-tool .herr-etiquetas span{padding:7px 12px;border-radius:4px;background:var(--piedra);border:1px solid var(--cincel);font-size:12.5px;color:var(--ceniza)}.herr-cuerpo{padding:8px 0 72px}.herr-cuerpo .wrap{max-width:1000px}.herr-pasos{list-style:none;margin:22px 0 0;padding:0;display:flex;gap:12px 34px;flex-wrap:wrap;font-size:13.5px;color:var(--ceniza)}.herr-pasos li{display:flex;align-items:baseline;gap:8px}.herr-paso-cifra{font-family:var(--serif);font-size:20px;color:var(--oro);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.herr-rotulo{margin:0 0 14px;font-size:13.5px;letter-spacing:.02em;color:var(--ceniza)}.herr-rotulo strong{color:var(--oro);font-weight:600}.herr-siguiente{margin-top:40px;padding:28px 30px;border-radius:12px;background:var(--piedra-alta);display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}.herr-siguiente h3{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2.1vw,27px);letter-spacing:-.02em;margin:0 0 8px;color:var(--cirio)}.herr-siguiente p{margin:0;font-size:15px;line-height:1.55;color:var(--ceniza);max-width:62ch}.herr-siguiente .btn{flex:none}.herr-ejemplos{background:var(--piedra);padding:88px 0}.herr-ejemplos-grid{margin:44px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.herr-ejemplo{margin:0;display:flex;flex-direction:column;gap:16px}.herr-ejemplo picture{display:block;border:1px solid var(--cincel);border-radius:12px;overflow:hidden;background:var(--piedra-alta)}.herr-ejemplo figcaption{font-size:14px;line-height:1.6;color:var(--ceniza);max-width:60ch}.herr-ejemplo figcaption strong{display:block;margin-bottom:4px;font-family:var(--serif);font-weight:400;font-size:19px;letter-spacing:-.01em;color:var(--cirio)}.herr-ejemplo-nota{display:block;margin-top:6px;font-size:12.5px;color:var(--oro)}.herr-detalle{display:flex;flex-direction:column;gap:10px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--cincel)}.herr-detalle-fila{display:block;font-size:13.5px;line-height:1.5;color:var(--ceniza)}.herr-detalle-fila b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--oro);font-weight:600;margin-bottom:3px}@media (max-width:900px){.herr-siguiente{padding:22px;flex-direction:column;align-items:flex-start}.herr-siguiente .btn{width:100%}}@media (max-width:1024px){.herr-herramientas{grid-template-columns:1fr}.herr-ejemplos-grid{grid-template-columns:1fr;gap:42px}}@media (max-width:900px){.herr-escena{padding:64px 0}.herr-ejemplos{padding:64px 0}.herr-hero{padding:18px 0 0}.herr-hero .hero-acciones{width:100%}.herr-hero .hero-acciones .btn{width:100%}}