:root{--green:#00633f;--gold:#e9b51f;--blue:#087cf0;--ink:#16382c;--muted:#66766f;--line:#dce8e1;--soft:#f4f8f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,a,input,select{font:inherit;-webkit-tap-highlight-color:transparent}.page{width:100%;max-width:1500px;margin:auto;background:#fff;min-height:100svh}.topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 9px) 13px 7px;background:#fff}.languages{display:flex;gap:7px}.lang{min-height:33px;padding:5px 13px;border:1.5px solid var(--green);border-radius:999px;background:#fff;color:var(--green);font-size:13px;font-weight:800;cursor:pointer}.lang.active{background:var(--green);color:#fff}.menu{display:grid;place-items:center;width:35px;height:35px;padding:5px;border:0;background:transparent;color:var(--green);cursor:pointer}.menu svg{width:27px}.menu-panel{display:none;position:absolute;right:12px;top:calc(env(safe-area-inset-top,0px) + 53px);width:220px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 35px #0838262b}.menu-panel.open{display:block}.menu-panel a{display:block;padding:10px 12px;color:var(--green);font-size:14px;font-weight:750;text-decoration:none;border-radius:9px}.hero{position:relative;height:184px;background:url('hero.webp') center 56%/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff29,transparent 60%)}.brand{position:absolute;z-index:1;left:4px;top:1px;width:66%;height:176px;object-fit:contain;object-position:left top;filter:drop-shadow(0 4px 7px #00000024)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:7px 11px 3px}.action{height:42px;border-radius:13px;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:820;font-size:14px;box-shadow:0 4px 10px #0e38201f}.action svg{width:18px;height:18px;flex:none;order:2}.whatsapp{background:linear-gradient(135deg,#079f4a,#00bb61)}.call{background:linear-gradient(135deg,#187fdc,#0877ed)}.services{padding:7px 11px 6px}.section-title{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 7px;font-size:20px;line-height:1.08;font-weight:900;color:var(--green);text-align:center}.section-title:before,.section-title:after{content:"";height:2px;width:25px;background:var(--gold);border-radius:99px;flex:none}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.card{overflow:hidden;padding:0;border:1px solid #edf2ef;border-radius:12px;background:#fff;box-shadow:0 3px 9px #1436281a;text-align:left;cursor:pointer}.card:focus-visible{outline:3px solid #00633f59;outline-offset:2px}.card img{display:block;width:100%;height:70px;object-fit:cover}.card-name{min-height:32px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;gap:4px;color:var(--green);font-size:13px;line-height:1.05;font-weight:850}.card-name>span:last-child{font-size:22px;font-weight:500;line-height:.6}footer{padding:2px 12px 8px;text-align:center;color:var(--muted);font-size:10.5px;line-height:1.25}footer div+div{margin-top:2px}footer a{color:inherit;text-decoration:none}.creator{font-size:9.5px;color:#7d8984}
.modal[hidden]{display:none}.modal{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;justify-content:center}.modal-backdrop{position:absolute;inset:0;background:#081f1694;backdrop-filter:blur(2px)}.quote-panel{position:relative;width:100%;max-width:760px;max-height:92svh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -15px 50px #0000003d;overscroll-behavior:contain}.quote-header{position:sticky;z-index:3;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 11px;background:#fffffff7;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.quote-header p{margin:0 0 2px;color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.quote-header h2{margin:0;color:var(--green);font-size:23px;line-height:1.1}.close-modal{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green);font-size:29px;line-height:1;cursor:pointer}.quote-panel form{padding:14px 16px 18px}.form-section{margin:0 0 16px;padding:0;border:0}.form-section legend,.contact-fields h3{margin:0 0 9px;color:var(--green);font-size:17px;font-weight:850}.form-row{display:grid;gap:10px}.form-row.two{grid-template-columns:1fr 1fr}.form-row.zip-row{grid-template-columns:1.1fr 1fr .55fr}.quote-panel label{display:grid;gap:5px;color:var(--ink);font-size:13px;font-weight:750}.quote-panel input,.quote-panel select{width:100%;min-height:43px;padding:9px 10px;border:1px solid #bdcec4;border-radius:10px;background:#fff;color:#183a2e;font-size:16px;outline:none}.quote-panel input:focus,.quote-panel select:focus{border-color:var(--green);box-shadow:0 0 0 3px #00633f1a}.quote-panel input[readonly]{background:var(--soft);color:#52655c}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.check-option{display:flex!important;align-items:center;gap:8px!important;min-height:42px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;font-size:13px!important;font-weight:650!important}.check-option input{width:17px!important;height:17px;min-height:0;padding:0;accent-color:var(--green)}.zip-status{min-height:18px;margin:5px 0 0;color:var(--muted);font-size:12px}.zip-status.error{color:#a53328}.contact-fields{padding-top:12px;border-top:1px solid var(--line)}.calculate,.send-whatsapp{width:100%;min-height:48px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:850;text-align:center;text-decoration:none;cursor:pointer}.calculate{margin-top:14px;background:var(--green)}.quote-result{margin:0 16px 20px;padding:16px;border:1px solid #b8ddc7;border-radius:15px;background:#f1faf4;text-align:center}.result-label{margin:0 0 2px;color:var(--green);font-size:14px;font-weight:800}.quote-result strong{display:block;color:#004c31;font-size:30px}.quote-result>p:last-of-type{margin:7px auto 14px;color:#51645b;font-size:12px;line-height:1.4}.send-whatsapp{background:#079f4a;font-size:14px}.send-whatsapp svg{width:19px;height:19px}.body-modal-open{overflow:hidden}
@media(max-width:360px),(max-height:700px) and (max-width:699px){.topbar{padding-top:calc(env(safe-area-inset-top,0px) + 6px);padding-bottom:4px}.hero{height:156px}.brand{height:150px}.actions{padding-top:5px}.action{height:38px;font-size:13px}.services{padding-top:5px}.section-title{font-size:18px;margin-bottom:5px}.card img{height:58px}.card-name{min-height:29px;font-size:12px}footer{font-size:9.5px}.creator{font-size:9px}}
@media(min-width:700px){body{background:#f5f8f6}.page{min-height:100vh;box-shadow:0 0 42px #0e382014}.topbar{padding:18px 34px 12px}.lang{min-height:38px;padding:7px 18px;font-size:14px}.menu{width:42px;height:42px}.hero{height:clamp(320px,42vh,520px);background-position:center 57%}.brand{left:2.5%;top:3%;width:43%;height:88%;object-position:left top}.actions{max-width:760px;margin:8px auto 0;gap:14px;padding:7px 20px}.action{height:48px;border-radius:14px;font-size:16px}.action svg{width:19px;height:19px}.services{padding:12px 3% 10px}.section-title{font-size:28px;margin-bottom:12px}.section-title:before,.section-title:after{width:55px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{border-radius:15px}.card img{height:clamp(125px,15vw,205px)}.card-name{min-height:44px;padding:8px 12px;font-size:16px}footer{padding:6px 18px 14px;font-size:12px}.creator{font-size:11px}.modal{align-items:center;padding:25px}.quote-panel{max-height:90vh;border-radius:22px}.check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1200px){.topbar{padding-left:48px;padding-right:48px}.hero{height:min(50vh,540px)}.brand{left:3.5%;width:39%}.services{padding-left:4%;padding-right:4%}.card img{height:190px}}

/* Movimiento premium, ligero y sin descargar archivos adicionales */
@keyframes logoDepth{0%,100%{transform:perspective(900px) rotateY(0deg) translateY(0)}25%{transform:perspective(900px) rotateY(4deg) translateY(-2px)}75%{transform:perspective(900px) rotateY(-4deg) translateY(1px)}}
.hero{animation:none;background-position:center 56%;background-size:cover}.brand{transform-origin:20% 50%;animation:logoDepth 8s ease-in-out infinite;backface-visibility:hidden}.photo-cycle{position:relative;display:block;flex:1;min-height:55px;overflow:hidden}.photo-cycle img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;opacity:1;transition:opacity 1.1s ease}.photo-cycle img:nth-child(2){opacity:0}.photo-cycle.swap img:first-child{opacity:0}.photo-cycle.swap img:nth-child(2){opacity:1}.card-name{flex-direction:column;align-items:flex-start}.card-name small{color:#947000;font-size:9px;font-weight:800;line-height:1}.card img{animation:none!important;will-change:auto}

@media(max-width:699px){.page{display:flex;flex-direction:column;min-height:100svh}.topbar{flex:none}.hero{flex:0 0 clamp(170px,25svh,300px);height:auto}.brand{height:96%;max-height:none}.actions{flex:none}.services{display:flex;flex:1;min-height:0;flex-direction:column}.section-title{flex:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:112px}.card{display:flex;min-height:0;flex-direction:column}.card-name{flex:none;min-height:38px}footer{flex:none}}
@media(max-width:360px),(max-height:700px) and (max-width:699px){.hero{flex-basis:clamp(145px,24svh,170px)}}
@media(min-width:700px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-name small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.brand{animation:none!important}.photo-cycle img{transition:none}}
.photo-cycle{height:70px}@media(min-width:700px){.photo-cycle{height:190px}}