/*
 * 06-about.css - Rejilla glass de 'La experiencia': bloque about, tarjeta de detalles y pill button.
 * Origen: index.html, <style> #1 (lineas 75-89). Contenido identico al original.
 */
.glass-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}
.glass{border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));backdrop-filter:blur(25px) saturate(135%);-webkit-backdrop-filter:blur(25px) saturate(135%);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.09);border-radius:var(--radius);position:relative;overflow:hidden}
.glass::before{content:"";position:absolute;width:180px;height:180px;top:-100px;right:-80px;background:radial-gradient(circle,rgba(244,198,91,.22),transparent 68%);filter:blur(4px)}
.about{padding:48px}
.about h3{font-family:Cinzel,serif;font-weight:500;font-size:34px;letter-spacing:.04em;margin:0 0 20px}
.about p{color:#b5b0a7;line-height:1.85;max-width:600px;font-size:15px}
.detail-card{padding:34px;display:flex;flex-direction:column;justify-content:center;gap:23px}
.detail{display:grid;grid-template-columns:45px 1fr;gap:16px;align-items:center}
.detail-icon{width:45px;height:45px;border:1px solid rgba(222,176,67,.45);border-radius:14px;display:grid;place-items:center;color:var(--gold2);font-size:20px;background:rgba(220,170,60,.05)}
.detail small{display:block;color:#858078;font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px}
.detail strong{font-family:Cinzel,serif;font-weight:500;color:#eee4d1;letter-spacing:.05em}
.pill-btn{align-self:flex-start;margin-top:15px;padding:14px 24px;border-radius:999px;border:1px solid rgba(223,176,64,.6);background:linear-gradient(180deg,rgba(220,172,61,.22),rgba(220,172,61,.05));color:#f1cd76;letter-spacing:.14em;text-transform:uppercase;font-size:10px;cursor:pointer;transition:.3s}
.pill-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(215,166,55,.18)}
@media(max-width:820px){.glass-grid{grid-template-columns:1fr}.about{padding:32px}.section{padding:90px 5vw}}