:root{
    --an-blue:#1e6fd9;
    --an-blue-deep:#134a96;
    --an-ink:#0f1b2d;
    --an-muted:rgba(15,27,45,.62);
    --an-line:rgba(15,27,45,.08);
    --an-shell:90%;
    --an-max:1200px;
    --an-bg:#f5f7fb;
}
.an-page{
    background:
        radial-gradient(900px 420px at 10% 0%, rgba(30,111,217,.12), transparent 55%),
        radial-gradient(700px 360px at 100% 5%, rgba(240,193,75,.14), transparent 50%),
        var(--an-bg);
    padding: 1.5rem 0 3rem;
    min-height: 60vh;
}
.an-shell{
    width: var(--an-shell);
    max-width: var(--an-max);
    margin: 0 auto;
}
@media (max-width:576px){ :root{ --an-shell:92%; } }

.an-hero{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:1rem;
    flex-wrap:wrap;
    margin-bottom:1.25rem;
}
.an-kicker{
    margin:0 0 .4rem;
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--an-blue);
}
.an-title{
    margin:0;
    font-size:clamp(1.6rem,3vw,2.2rem);
    font-weight:900;
    letter-spacing:-.03em;
    color:var(--an-ink);
}
.an-lead{ margin:.55rem 0 0; color:var(--an-muted); max-width:52ch; line-height:1.55; }
.an-muted{ color:var(--an-muted); }
.an-section-head{ margin-bottom:1rem; }
.an-section-head h2{ margin:0 0 .25rem; font-weight:900; color:var(--an-ink); font-size:1.25rem; }

.an-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.75rem 1.2rem;
    border-radius:999px;
    border:0;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;
    transition: transform .18s ease, background .18s ease;
}
.an-btn-primary{ background:var(--an-blue); color:#fff !important; box-shadow:0 10px 22px rgba(30,111,217,.22); }
.an-btn-primary:hover{ background:var(--an-blue-deep); transform:translateY(-2px); color:#fff !important; }
.an-btn-lg{ width:100%; padding: .95rem 1.2rem; font-size:1rem; margin-top:.5rem; }

.an-alert{
    border-radius:14px;
    padding:.85rem 1rem;
    margin-bottom:1rem;
    font-weight:700;
}
.an-alert-ok{ background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.28); color:#166534; }
.an-alert-err{ background:rgba(239,68,68,.1); border:1px solid rgba(239,68,68,.28); color:#991b1b; }

.an-paybox{
    background:#fff;
    border:1px solid var(--an-line);
    border-radius:18px;
    padding:1.25rem;
    margin-bottom:1.5rem;
    box-shadow:0 12px 30px rgba(15,27,45,.05);
}
.an-paybox h2{ margin:0 0 .5rem; font-size:1.15rem; font-weight:900; }
.an-transfer-list{ list-style:none; margin:1rem 0; padding:0; display:grid; gap:.55rem; }
.an-transfer-list li{
    display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
    padding:.65rem .8rem; border-radius:12px; background:#f7f9fc; border:1px solid var(--an-line);
}
.an-transfer-list span{ color:var(--an-muted); font-size:.85rem; font-weight:700; }
.an-wallet{ margin-top:1rem; min-height:60px; }

.an-grid{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap:1rem;
    margin-bottom:2rem;
}
.an-card{
    background:#fff;
    border:1px solid var(--an-line);
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 26px rgba(15,27,45,.04);
    transition: transform .2s ease, box-shadow .2s ease;
}
.an-card:hover{ transform:translateY(-3px); box-shadow:0 16px 36px rgba(15,27,45,.08); }
.an-card-media{ display:block; aspect-ratio: 16/10; overflow:hidden; background:#e8eef8; }
.an-card-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.an-card-body{ padding: .9rem 1rem 1.1rem; }
.an-card-body h3{ margin:0 0 .35rem; font-size:1rem; font-weight:900; color:var(--an-ink); }
.an-card-body p{ margin:0 0 .55rem; font-size:.88rem; color:var(--an-muted); line-height:1.45; }
.an-pill{
    display:inline-flex; padding:.3rem .6rem; border-radius:999px;
    background:rgba(30,111,217,.1); color:var(--an-blue); font-size:.72rem; font-weight:800;
}
.an-empty{
    padding:1.25rem; border-radius:14px; background:#fff; border:1px dashed var(--an-line);
    color:var(--an-muted); margin-bottom:2rem;
}

.an-form-section{
    background:#fff;
    border:1px solid var(--an-line);
    border-radius:20px;
    padding: clamp(1.1rem, 3vw, 1.75rem);
    box-shadow:0 14px 36px rgba(15,27,45,.05);
}
.an-form-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: .9rem 1rem;
}
.an-field label{
    display:block; font-size:.78rem; font-weight:800; color:var(--an-muted);
    margin-bottom:.35rem; text-transform:uppercase; letter-spacing:.04em;
}
.an-field input, .an-field textarea, .an-field select{
    width:100%; border:1px solid rgba(15,27,45,.12); border-radius:12px;
    padding:.7rem .85rem; font: inherit; background:#fafbfc; outline:none;
}
.an-field input:focus, .an-field textarea:focus, .an-field select:focus{
    border-color: var(--an-blue); box-shadow:0 0 0 3px rgba(30,111,217,.12);
}
.an-span-2{ grid-column: 1 / -1; }
.an-pay-methods{
    margin: 1.1rem 0 .4rem; border:1px solid var(--an-line); border-radius:14px;
    padding: .9rem 1rem; display:grid; gap:.55rem;
}
.an-pay-methods legend{ font-weight:900; padding:0 .35rem; color:var(--an-ink); }
.an-radio{ display:flex; gap:.65rem; align-items:center; font-weight:700; cursor:pointer; }
.an-fineprint{ margin:.75rem 0 0; font-size:.8rem; color:var(--an-muted); line-height:1.45; }

.an-animate{ animation: anUp .4s ease both; }
@keyframes anUp{ from{opacity:0; transform:translateY(12px)} to{opacity:1; transform:none} }

@media (max-width:720px){
    .an-form-grid{ grid-template-columns:1fr; }
    .an-span-2{ grid-column:auto; }
}

/* Detalle SEO anuncio */
.an-breadcrumb{
    display:flex; flex-wrap:wrap; gap:.4rem; align-items:center;
    font-size:.85rem; color:var(--an-muted); margin: 0 0 1.25rem;
}
.an-breadcrumb a{ color:var(--an-blue); text-decoration:none; font-weight:700; }
.an-detail-grid{
    display:grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 1.5rem;
    align-items: start;
}
.an-detail-media{
    margin:0; position:relative; border-radius:18px; overflow:hidden;
    box-shadow:0 18px 40px rgba(15,27,45,.1);
    background:#e8eef8;
}
.an-detail-media img{ width:100%; height:auto; display:block; max-height:420px; object-fit:cover; }
.an-detail-ribbon{
    position:absolute; left:12px; top:12px;
    font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
    background:rgba(15,27,45,.82); color:#fff; padding:.35rem .6rem; border-radius:6px;
}
.an-detail-actions{ display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.1rem; }
@media (max-width:900px){
    .an-detail-grid{ grid-template-columns:1fr; }
}