/* Opciones web: versión aprobada con fondo grafito y tarjetas claras. */
.web-options{background:radial-gradient(ellipse at 50% 0%,#2a2e32,transparent 65%),#202327;color:#fff;padding:75px 40px 58px}
.web-options-inner{max-width:1300px;margin:auto}
.web-options-label{font-size:10px;font-weight:600;line-height:1.8;letter-spacing:.3em;color:#e5a900;margin:0 0 20px}
.web-options h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(35px,4.3vw,61px);letter-spacing:-.04em;line-height:1.12;margin:0 0 24px;max-width:1140px}
.web-options-intro{font-size:17px;font-weight:400;line-height:1.8;color:#d1d5da;margin:0 0 37px}
.web-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.web-option{display:flex;flex-direction:column;min-width:0;background:linear-gradient(135deg,#fff,#f7f7f8);border:1px solid #c1c5c9;border-radius:16px;padding:23px 24px 25px;color:#202327;box-shadow:0 8px 22px #0000000a;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}
.web-option-preview{display:block;aspect-ratio:440/274;width:100%;height:auto;object-fit:cover;object-position:center;border-radius:7px;border:1px solid #e0e2e4;background:#f4f4f4;margin-bottom:24px}
.web-option h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(23px,2.2vw,31px);line-height:1.25;letter-spacing:-.03em;margin:0 0 14px;color:#17191c}
.web-option p{font-size:14px;line-height:1.8;color:#535860;margin:0 0 26px}
.web-option-link{display:inline-flex;align-items:center;gap:16px;align-self:flex-start;font-size:13px;font-weight:500;line-height:1.7;color:#9b6600;margin-top:auto;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.web-option-link svg{width:28px;height:24px;fill:none;stroke:#d99a00;stroke-width:1.4;transition:transform .25s ease}
.web-option-link:hover svg{transform:translateX(4px)}
.web-options-help{text-align:center;margin-top:24px;font-size:12px;line-height:1.8;color:#d1d5da}
.web-options-help p{margin:0 0 3px}
.web-options-help a{font-size:13px;color:#edb82b;text-decoration:underline;text-underline-offset:4px}
.web-option:focus-within{border-color:#e5a900;box-shadow:0 0 24px #e5a90030}
.web-option a:focus-visible{outline:2px solid #9b6600;outline-offset:5px}
@media(hover:hover){.web-option:hover{border-color:#e5a900;box-shadow:0 0 28px #e5a90030,0 10px 24px #00000012;transform:translateY(-4px)}}
@media(max-width:1100px){.web-options{padding:60px 28px 48px}.web-options-grid{gap:18px}.web-option{padding:20px 19px 24px}.web-option p{font-size:13px}.web-option h3{font-size:25px}.web-options-intro{font-size:15px}}
@media(max-width:760px){.web-options{padding:52px 20px 45px}.web-options h2{font-size:38px}.web-options h2 br{display:none}.web-options-label{font-size:9px;letter-spacing:.22em}.web-options-intro{font-size:14px;margin-bottom:28px}.web-options-grid{grid-template-columns:1fr;gap:24px}.web-option{padding:23px 24px 26px}.web-option-preview{max-height:290px}.web-option h3{font-size:29px}.web-option p{font-size:14px}.web-options-help{font-size:11px;margin-top:25px}}
@media(prefers-reduced-motion:reduce){.web-option,.web-option-link svg{transition:none}.web-option:hover,.web-option-link:hover svg{transform:none}}