/* Estilo compartido — Páginas de programas · IA Claude 360 by Ruby Naranjo */
:root{--negro:#12121f;--negro2:#1A1A2E;--dorado:#C9A24B;--dorado2:#E8C97A;--hueso:#F8F6F2;--gris:#3D3D4E;--suave:#E5D5AC;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Montserrat',sans-serif;background:radial-gradient(1000px 600px at 80% -10%,rgba(201,162,75,.15),transparent 60%),var(--negro);color:var(--hueso);line-height:1.7;font-size:16.5px;padding-bottom:80px;}
h1,h2,h3{font-family:'Playfair Display',serif;}
.wrap{max-width:820px;margin:0 auto;padding:0 22px;}
header{text-align:center;padding:70px 20px 46px;}
header .eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--dorado);font-weight:600;margin-bottom:16px;}
header h1{font-size:clamp(30px,5.4vw,48px);margin-bottom:16px;}
header h1 span{color:var(--dorado);}
header p.promesa{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(18px,2.6vw,23px);color:var(--suave);max-width:640px;margin:0 auto;}
.sec-t{font-size:12.5px;letter-spacing:3px;text-transform:uppercase;color:var(--dorado);font-weight:700;border-bottom:1px solid rgba(201,162,75,.3);padding-bottom:10px;margin:46px 0 24px;}
.card{background:rgba(255,255,255,.03);border:1px solid rgba(201,162,75,.35);border-radius:14px;padding:26px 30px;margin-bottom:16px;}
.card h3{color:var(--dorado);font-size:19px;margin-bottom:10px;}
.card p{color:#d9d9e6;font-size:15.5px;}
ul.lista{list-style:none;}
ul.lista li{padding:9px 0 9px 30px;position:relative;color:#d9d9e6;font-size:15.5px;border-bottom:1px solid rgba(255,255,255,.05);}
ul.lista li::before{content:"✦";color:var(--dorado);position:absolute;left:2px;}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
@media(max-width:680px){.dos{grid-template-columns:1fr;}}
.precio-box{background:linear-gradient(120deg,rgba(201,162,75,.18),rgba(201,162,75,.06));border:1.5px solid var(--dorado);border-radius:16px;padding:40px 34px;text-align:center;margin:50px 0 20px;}
.precio-box .cifra{font-family:'Playfair Display',serif;font-size:clamp(42px,7vw,64px);color:var(--dorado);line-height:1;}
.precio-box .moneda{font-size:16px;color:var(--suave);}
.precio-box p{color:#d9d9e6;font-size:15px;max-width:480px;margin:14px auto 26px;}
.btn{display:inline-block;background:linear-gradient(120deg,var(--dorado),var(--dorado2),var(--dorado));background-size:200% auto;color:var(--negro);font-weight:700;font-size:15px;letter-spacing:.8px;padding:18px 44px;border-radius:50px;text-decoration:none;text-transform:uppercase;transition:all .3s;}
.btn:hover{background-position:right center;box-shadow:0 10px 34px rgba(201,162,75,.45);transform:translateY(-2px);}
.frase{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(18px,2.6vw,23px);color:var(--suave);text-align:center;max-width:620px;margin:54px auto;}
footer{text-align:center;padding:56px 20px 0;color:#9a9ab0;font-size:13px;}
footer .marca{font-family:'Playfair Display',serif;font-size:18px;color:var(--dorado);margin-bottom:6px;}
footer a{color:var(--dorado);text-decoration:none;}
.wa-float{position:fixed;bottom:26px;right:26px;background:#25D366;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none;box-shadow:0 8px 28px rgba(0,0,0,.35);z-index:99;}
.volver{display:inline-block;margin-top:10px;color:var(--dorado);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--dorado);padding-bottom:2px;}