/* ===========================================================
   GOES — Ficha modelo v3 (pixel-perfect Figma)
   =========================================================== */

/* --- Tema --- */
.goes-light { --c-bg:#f5f7f8; --c-bg2:#fff; --c-txt:#1a1a1a; --c-muted:#6c6c80; --c-brd:#d0d4dc; --c-hero-blur:rgba(0,0,0,.3); }
.goes-dark  { --c-bg:#000203; --c-bg2:#0b0b0b; --c-txt:#f0f2f5; --c-muted:#8c8ca0; --c-brd:#2a2e38; }

/* --- HEADER FIGMA --- */
.goes-hdr { display:flex; align-items:center; justify-content:space-between; padding:14px 32px; background:var(--c-bg); font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica; height:64px; }
.goes-hdr__g { height:40px; display:block; }
.goes-hdr__nav { font-size:14px; text-transform:uppercase; cursor:pointer; color:var(--c-txt); letter-spacing:.04em; }

/* --- HERO --- */
.goes-hero { position:relative; overflow:hidden; min-height:700px; display:flex; background:#000; }
.goes-hero__media { position:absolute; inset:0; z-index:0; }
.goes-hero__media .goes-hero__img, .goes-hero__media picture { width:100%; height:100%; object-fit:cover; }
.goes-hero__sombra { position:absolute; inset:0; z-index:1; background:var(--c-hero-blur); }
.goes-hero__sq { position:absolute; top:30px; left:30px; z-index:2; width:48px; height:48px; background:#ff6a1f; }
.goes-hero__brand { position:absolute; top:100px; left:30px; z-index:2; color:rgba(255,255,255,.5); font-size:16px; letter-spacing:6px; text-transform:uppercase; font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica; }
.goes-hero__title { position:absolute; bottom:35%; left:30px; z-index:2; color:#fff; font-size:clamp(3rem,10vw,7.5rem); font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica; font-weight:900; line-height:.9; margin:0; }
.goes-hero__scroll { position:absolute; bottom:28%; left:50%; transform:translateX(-50%); z-index:2; color:rgba(255,255,255,.4); font-size:11px; text-align:center; line-height:1.3; }
.goes-hero__scroll-icon { font-size:18px; line-height:1; }
.goes-hero__corner { position:absolute; bottom:0; right:0; z-index:2; }
.goes-hero__strip { position:absolute; bottom:0; left:0; right:0; z-index:2; display:flex; gap:0; padding:10px 0; overflow-x:auto; background:linear-gradient(transparent,rgba(0,0,0,.4)); }
.goes-hero__s-item { text-align:center; min-width:80px; padding:8px 16px; }
.goes-hero__s-val { font-weight:800; font-size:clamp(1rem,2vw,1.7rem); color:#ff6a1f; line-height:1.2; font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica; }
.goes-hero__s-lbl { font-size:10px; text-transform:uppercase; letter-spacing:1px; color:rgba(255,255,255,.65); margin-top:3px; }

/* --- INTRO --- */
.goes-intro { padding:clamp(40px,6vw,80px) 0; }
.goes-intro__cols { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:center; }
.goes-intro__h1 { font-size:clamp(2.4rem,7vw,4.8rem); line-height:1.05; margin:0 0 14px; color:var(--c-txt); font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica; font-weight:800; }
.goes-intro__p { font-size:16px; line-height:1.55; color:var(--c-txt); max-width:48ch; }
.goes-intro__price { font-size:22px; font-weight:700; margin:16px 0 4px; color:var(--c-txt); font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica; }
.goes-intro__note { font-size:11px; color:var(--c-muted); margin:0 0 20px; }
.goes-intro__vis { position:relative; text-align:center; min-height:200px; }
.goes-intro__num { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:clamp(6rem,22vw,16rem); font-weight:900; color:rgba(140,140,160,.12); line-height:1; font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica; z-index:0; }
.goes-intro__img { position:relative; z-index:1; max-width:80%; height:auto; margin:0 auto; display:block; padding-top:20px; object-fit:contain; }
.goes-intro__colors { display:flex; align-items:center; gap:10px; margin-top:28px; font-size:13px; }
.goes-intro__colors-label { color:var(--c-muted); }
.goes-intro__dot { width:16px; height:16px; border-radius:50%; background:var(--c,#888); display:inline-block; border:1px solid rgba(0,0,0,.12); }
@media(max-width:900px){.goes-intro__cols{grid-template-columns:1fr;}.goes-intro__vis{order:-1;}}

/* --- BOTÓN FIGMA (esquina biselada) --- */
.goes-btn-figma { display:inline-block; padding:16px 36px; background:#ff6a1f; color:#fff; font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:1px; text-decoration:none; border:0; cursor:pointer; transition:background .2s; clip-path:polygon(8px 0,100% 0,100% 100%,0 100%); }
.goes-btn-figma:hover { background:#e05a12; }
.goes-btn-figma--block { display:block; width:100%; text-align:center; }
.goes-btn-figma__arr { display:inline-block; font-size:16px; margin-left:8px; color:#ff6a1f; background:#fff; padding:0 4px; }

/* --- CARACTERÍSTICA (1 col, foto + panel) --- */
.goes-feat { }
.goes-feat__img { position:relative; width:100%; }
.goes-feat__img .goes-feat__photo { width:100%; height:auto; display:block; border-radius:0!important; }
.goes-feat__sq { position:absolute; top:14px; right:14px; width:36px; height:36px; background:#ff6a1f; z-index:2; }
.goes-feat__panel { position:relative; padding:clamp(24px,4vw,56px) clamp(28px,5vw,52px); background:var(--c-bg2); margin-top:-4px; }
.goes-feat__diag { position:absolute; top:0; right:0; width:0; height:0; border-top:32px solid transparent; border-right:32px solid #ff6a1f; }
.goes-feat__h2 { font-size:clamp(1.2rem,2.4vw,2rem); margin:0 0 16px; color:var(--c-txt); font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica; font-weight:700; }
.goes-feat__h2 .goes-arr { color:#ff6a1f; margin-right:6px; }
.goes-feat__list { list-style:none; padding:0; margin:0; font-size:14px; line-height:1.6; }
.goes-feat__list li { padding:3px 0; }
.goes-arr-li { color:#ff6a1f; margin-right:8px; }
.goes-feat__pill { display:flex; justify-content:space-between; padding:6px 14px; background:var(--c-brd); border-radius:4px; margin:4px 0; font-size:13px; color:var(--c-txt); }

/* --- ESPECIFICACIONES (pestañas) --- */
.goes-specs { padding:clamp(36px,6vw,80px) 0; }
.goes-specs__ttl { margin-bottom:28px; color:var(--c-txt); font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica; font-weight:700; }
.goes-specs__tabs { display:flex; gap:0; border-bottom:1px solid var(--c-brd); margin-bottom:0; }
.goes-specs__tab { background:transparent; border:0; padding:12px 24px; font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica; font-size:13px; color:var(--c-muted); cursor:pointer; border-bottom:2px solid transparent; }
.goes-specs__tab:hover{color:var(--c-txt);}
.goes-specs__tab.is-active{color:var(--c-txt);border-bottom-color:#ff6a1f;}
.goes-specs__p.is-active{display:block;}.goes-specs__p:not(.is-active){display:none;}
.goes-specs__g{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:start;}
.goes-specs__tbl{border:1px solid var(--c-brd);overflow:hidden;border-radius:0!important;}
.goes-specs__row{display:flex;justify-content:space-between;gap:16px;padding:10px 20px;border-bottom:1px solid var(--c-brd);font-size:13px;}
.goes-specs__row:last-child{border-bottom:0;}
.goes-specs__row span:first-child{color:var(--c-muted);font-weight:600;}
.goes-specs__row span:last-child{color:var(--c-txt);}
.goes-specs__photo img{max-width:100%;height:auto;}
.goes-specs__dl{display:inline-block;padding:14px 32px;border:2px solid #ff6a1f;color:#ff6a1f;background:transparent;font-size:14px;font-weight:600;text-decoration:none;margin-top:16px;font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica;}
.goes-specs__dl:hover{background:#ff6a1f;color:#fff;}
@media(max-width:900px){.goes-specs__g{grid-template-columns:1fr;}.goes-specs__photo{display:none;}}

/* --- GALERÍA --- */
.goes-gal{padding:clamp(36px,6vw,80px) 0;}
.goes-gal__ttl{margin-bottom:28px;color:var(--c-txt);}
.goes-gal__stage{position:relative;overflow:hidden;}
.goes-gal__img{width:100%;height:auto;display:block;border-radius:0!important;}
.goes-gal__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:rgba(255,255,255,.12);border:0;color:#fff;font-size:28px;cursor:pointer;padding:10px 18px;line-height:1;transition:.2s;}
.goes-gal__arrow:hover{background:#ff6a1f;}
.goes-gal__arrow--prev{left:10px;}
.goes-gal__arrow--next{right:10px;}
.goes-gal__thumbs{display:flex;align-items:center;gap:6px;justify-content:center;margin-top:16px;}
.goes-gal__scr{background:#ff6a1f;border:0;color:#fff;font-size:14px;cursor:pointer;padding:8px 16px;min-width:36px;}
.goes-gal__strip{display:flex;gap:4px;overflow-x:auto;}
.goes-gal__strip::-webkit-scrollbar{display:none;}
.goes-gal__thumb{flex-shrink:0;width:90px;height:56px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:none;}
.goes-gal__thumb.is-active,.goes-gal__thumb:hover{border-color:#ff6a1f;}
.goes-gal__thumb img{width:100%;height:100%;object-fit:cover;}

/* --- FORMULARIO --- */
.goes-form{padding:clamp(36px,6vw,80px) 0;background:var(--c-bg);}
.goes-form__panel{background:var(--c-bg2);padding:clamp(28px,4vw,56px);position:relative;max-width:640px;margin:40px auto;}
.goes-form__corner{position:absolute;top:0;left:0;width:64px;height:64px;background:var(--c-bg);}
.goes-form h2{margin-bottom:20px;color:var(--c-txt);}
.goes-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;}
.goes-form input,.goes-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--c-brd);padding:10px 0;font-family:'Helvetica Neue LT Pro',HelveticaNeueLTPro,Helvetica;font-size:14px;color:var(--c-txt);outline:none;margin-bottom:14px;}
.goes-form input:focus,.goes-form textarea:focus{border-bottom-color:#ff6a1f;}
.goes-form textarea{min-height:60px;}
.goes-form__chk{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--c-muted);margin:8px 0;}
.goes-form__rc{font-size:11px;color:var(--c-muted);margin:10px 0;}

/* --- FOOTER FIGMA --- */
.goes-footer{padding:clamp(40px,6vw,80px) 0 clamp(20px,3vw,40px);background:var(--c-bg);color:var(--c-txt);}
.goes-footer__g{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.goes-footer__col h3{font-size:14px;font-weight:700;margin-bottom:12px;color:var(--c-txt);}
.goes-footer__col a,.goes-footer__col p{display:block;font-size:13px;color:var(--c-muted);margin-bottom:6px;text-decoration:none;}
.goes-footer__col a:hover{color:#ff6a1f;}
.goes-footer__bot{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:20px;border-top:1px solid var(--c-brd);font-size:12px;color:var(--c-muted);gap:0;flex-wrap:wrap;}
.goes-footer__bot span{margin:0 20px;}
.goes-footer__rrss{display:flex;gap:8px;}
.goes-footer__rrss img{height:20px;width:20px;}

/* --- Flecha genérica --- */
.goes-arr{color:#ff6a1f;font-size:16px;}