@font-face{font-family:Antonio;src:url("fonts/Antonio.ef277cf5a47f.ttf") format('truetype');font-weight:100 700;font-display:swap}
@font-face{font-family:Barlow;src:url("fonts/Barlow-Regular.90af7baeeb14.ttf") format('truetype');font-weight:400;font-display:swap}
:root{--tinta:oklch(18% .008 55);--papel:oklch(97% .006 70);--naranja:oklch(77% .17 65);--suave:oklch(80% .008 70)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--tinta);color:var(--papel);font:18px/1.5 Barlow,Arial,sans-serif}a{color:inherit}.skip{position:absolute;top:8px;left:8px;transform:translateY(-150%);padding:12px;background:var(--papel);color:var(--tinta);z-index:5}.skip:focus{transform:none}:focus-visible{outline:3px solid var(--naranja);outline-offset:6px}.revision{margin:0;padding:8px 24px;text-align:center;background:var(--papel);color:var(--tinta);font-size:13px}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(22px,5vw,88px);border-bottom:1px solid oklch(36% .009 65)}.marca{text-decoration:none;display:flex;align-items:center;gap:22px;font:700 42px/1 Antonio,Impact,sans-serif}.marca span{max-width:140px;font:400 14px/1.25 Barlow,Arial,sans-serif}.contacto{text-decoration:none;font-size:16px}.contacto span{margin-left:10px;color:var(--naranja);font-size:24px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,4vw,70px);align-items:center;max-width:1580px;margin:auto;padding:clamp(44px,6vw,88px) clamp(22px,5vw,88px) 74px}.tecnicas{color:var(--naranja);margin:0 0 20px;font-size:16px}h1{font:700 clamp(55px,7.25vw,112px)/1.03 Antonio,Impact,sans-serif;letter-spacing:-.035em;margin:0 0 30px}h1 span{color:var(--naranja)}.descripcion{max-width:42ch;color:var(--suave);font-size:clamp(18px,1.55vw,22px);margin:0 0 28px}.boton{display:inline-flex;align-items:center;gap:28px;min-height:58px;padding:14px 22px;background:var(--naranja);color:var(--tinta);text-decoration:none;font-weight:bold;border:2px solid var(--naranja);transition:background .2s,color .2s}.boton:hover{background:var(--papel);border-color:var(--papel)}.boton span{font-size:26px;line-height:1}.nota{max-width:38ch;font-size:14px;color:var(--suave);margin:14px 0 0}.identidad{position:relative;padding:28px 12px 38px}.cartel{background:var(--papel);color:var(--tinta);padding:20px 22px 12px;transform:rotate(4deg);box-shadow:13px 15px 0 oklch(29% .011 65)}.cartel-cabecera{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--tinta);padding:0 0 10px;font-size:14px}.cartel-cabecera span:first-child{font:700 25px Antonio,Impact,sans-serif}.cartel-cabecera span:nth-child(2){font-size:25px}.cartel img{display:block;width:100%;height:auto;margin:12px 0;aspect-ratio:1;object-fit:contain}.cartel p{text-align:center;font:600 clamp(16px,1.7vw,26px)/1.3 Antonio,Impact,sans-serif;letter-spacing:.025em;margin:10px 0}.sello{position:absolute;right:-12px;bottom:4px;background:var(--naranja);color:var(--tinta);transform:rotate(-8deg);padding:14px 22px;font:700 23px/1.12 Antonio,Impact,sans-serif;box-shadow:0 0 0 3px var(--tinta)}.cinta{display:flex;align-items:center;justify-content:space-around;gap:30px;overflow:hidden;padding:20px 24px;background:var(--naranja);color:var(--tinta);font:700 clamp(20px,2.9vw,40px)/1.2 Antonio,Impact,sans-serif;white-space:nowrap}.cinta span{flex-shrink:0}@media(min-width:1600px){.hero{min-height:740px}}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:40px;gap:30px}.presentacion{max-width:600px}h1{font-size:clamp(54px,11.2vw,88px)}.identidad{max-width:470px;width:100%;justify-self:center;padding:10px 22px 40px}.sello{right:10px}.cinta{justify-content:flex-start}.marca span{display:none}.contacto{font-size:14px}.cabecera{padding-block:18px}.cartel{box-shadow:8px 10px 0 oklch(29% .011 65)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.boton{transition:none}}
.cabecera{flex-wrap:wrap}.navegacion{display:flex;gap:28px;flex-basis:100%;padding-top:16px;font-size:15px}.navegacion a{text-decoration:none}.navegacion a:hover{text-decoration:underline;text-underline-offset:5px}.seccion{padding:clamp(48px,7vw,104px) clamp(22px,5vw,88px);scroll-margin-top:20px}h2{font:700 clamp(38px,5vw,68px)/1.12 Antonio,Impact,sans-serif;letter-spacing:-.025em;margin:0 0 20px}h3{font:600 28px/1.2 Antonio,Impact,sans-serif;margin:0 0 16px}.intro{font-size:20px;max-width:48ch;margin-bottom:36px}.clara{background:var(--papel);color:var(--tinta)}.lista-productos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),360px));gap:44px;justify-content:center;max-width:1240px;margin-inline:auto}.producto img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:oklch(91% .008 70)}.producto h3{margin-top:22px}.estado-vacio{grid-column:1/-1;max-width:600px;padding:32px 0;border-top:1px solid oklch(75% .01 65)}.dividida{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.formulario-panel{max-width:650px;width:100%}.campo{margin:0 0 24px}.campo label{display:block;margin-bottom:8px}.campo input,.campo textarea{width:100%;min-height:52px;border:1px solid var(--suave);border-radius:0;background:var(--papel);color:var(--tinta);padding:12px;font:inherit}.campo textarea{resize:vertical}.ayuda{font-size:14px;color:var(--suave);margin-top:8px}.errorlist{color:var(--naranja);padding-left:20px;font-size:16px}.boton{font-family:inherit;cursor:pointer;font-size:17px}.mensaje-preparado{border-top:1px solid var(--suave);padding-top:24px;margin-top:28px}.mensaje{white-space:pre-wrap;overflow-wrap:anywhere;max-width:60ch}.telefono{font:600 clamp(24px,3vw,36px)/1.3 Antonio,Impact,sans-serif;text-decoration:none}.pie{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;padding:36px clamp(22px,5vw,88px);border-top:1px solid oklch(36% .009 65);font-size:15px}.marca-pie{font:700 44px/1 Antonio,Impact,sans-serif;margin:0}@media(max-width:800px){.dividida{grid-template-columns:1fr;gap:12px}.navegacion{gap:16px;flex-wrap:wrap;font-size:14px}.intro{font-size:18px}.seccion{padding-block:52px}.pie{align-items:flex-start}.pie p{margin:0}}

.consulta-personalizacion{border-top:3px solid var(--naranja);padding:20px 0}.consulta-personalizacion .ayuda{color:var(--tinta)}

/* Identidad y red social confirmada para el pie. */
.identidad-pie{display:flex;align-items:center;gap:20px;min-width:0}
.identidad-pie img{display:block;flex-shrink:0;width:80px;height:80px;object-fit:contain;border-radius:4px}
.identidad-pie .marca-pie{margin:0 0 8px}
.identidad-pie p:last-child{margin:0}
.enlaces-pie{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.enlaces-pie a{overflow-wrap:anywhere;text-underline-offset:4px}
@media(max-width:480px){.identidad-pie{gap:14px}.identidad-pie img{width:64px;height:64px}.identidad-pie .marca-pie{font-size:34px}.enlaces-pie{width:100%}}

/* Galería fija con fotografías entregadas por el usuario. */
.galeria-referencias{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px 44px;align-items:start;margin-top:36px}
.galeria-referencias figure{margin:0;min-width:0}
.galeria-referencias .referencia-destacada{grid-row:span 2}
.galeria-referencias img{display:block;width:100%;height:auto;background:oklch(91% .012 70)}
.galeria-referencias figcaption{padding-top:16px}
.etiqueta-referencia{font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:block;color:oklch(40% .008 55)}
.galeria-referencias h3{font:700 30px/1.2 Antonio,Impact,sans-serif;margin:8px 0 12px}
.galeria-referencias a{font-size:14px;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:800px){.galeria-referencias{grid-template-columns:1fr;gap:32px}.galeria-referencias .referencia-destacada{grid-row:auto}.galeria-referencias .referencia-destacada img{max-height:520px;object-fit:contain}.galeria-referencias h3{font-size:26px}}

/* Catálogo centrado, independiente de la consulta general. */
.encabezado-catalogo{max-width:760px;margin:0 auto 36px;text-align:center}
.encabezado-catalogo .intro{margin-inline:auto}
.lista-productos .estado-vacio{justify-self:center;width:100%;box-sizing:border-box}
.consulta-personalizacion{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center;max-width:1040px;margin:52px auto 0;padding:32px 0}
.consulta-personalizacion h3{font-size:34px;margin:0 0 16px}
.consulta-personalizacion p{max-width:52ch;margin:0}
.consulta-accion{justify-self:end;max-width:380px}
.consulta-accion .ayuda{margin-top:14px}
@media(max-width:800px){.consulta-personalizacion{grid-template-columns:1fr;gap:24px;margin-top:36px}.consulta-accion{justify-self:start}.consulta-personalizacion h3{font-size:30px}}

.clara .ayuda{color:oklch(40% .008 55)}
.ico{display:inline-block;width:1em;height:1em;vertical-align:-.14em;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}.ico-ne{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M6 18 18 6M8 6h10v10'/%3E%3C/svg%3E")}.ico-up{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M12 20V4M5 11l7-7 7 7'/%3E%3C/svg%3E")}.ico-left{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M20 12H4M11 5l-7 7 7 7'/%3E%3C/svg%3E")}.ico-ast{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='square'%3E%3Cpath d='M12 3v18M3 12h18M5.6 5.6l12.8 12.8M18.4 5.6 5.6 18.4'/%3E%3C/svg%3E")}

/* Navegación del catálogo: controles adaptables y foco visible. */
.paginacion{margin:40px auto 0;text-align:center;max-width:760px}
.paginacion-resumen{font-size:14px;margin:0 0 16px}
.paginacion-controles{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.paginacion-controles a,.paginacion-actual,.paginacion-inactiva{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid currentColor;text-decoration:none}
.paginacion-controles a:hover{background:#202020;color:#fff}
.paginacion-controles a:focus-visible{outline:3px solid #d94f10;outline-offset:3px}
.paginacion-actual{background:#202020;color:#fff;font-weight:700}
.paginacion-inactiva{color:#666;border-color:#ccc}
.paginacion-puntos{padding:8px}
@media(max-width:480px){.paginacion-controles{gap:6px}.paginacion-controles a,.paginacion-actual,.paginacion-inactiva{padding-inline:9px}}