/* =========================================================
   ALTA BRUJERÍA MEXICANA — EL ARCANO DE HOY
   ========================================================= */

.abm-arcano-hoy{
    position:relative;
    overflow:hidden;
    padding:110px 20px;
    background:
        radial-gradient(circle at 50% 35%, rgba(212,175,55,.11), transparent 42%),
        radial-gradient(circle at 10% 90%, rgba(120,20,20,.08), transparent 35%),
        linear-gradient(180deg,#000 0%,#050505 48%,#000 100%);
    text-align:center;
    border-top:1px solid rgba(212,175,55,.12);
    border-bottom:1px solid rgba(212,175,55,.12);
}

.abm-arcano-hoy::before{
    content:"";
    position:absolute;
    inset:0;
    background:url('/images/cartas/REVERSO.png') center/520px auto no-repeat;
    opacity:.035;
    filter:blur(1px);
    transform:scale(1.15);
    pointer-events:none;
}

.abm-arcano-inner{
    position:relative;
    z-index:2;
    width:min(1080px,100%);
    margin:0 auto;
}

.abm-arcano-kicker{
    margin:0 0 10px;
    color:#b9983e;
    font-size:13px;
    letter-spacing:4px;
    text-transform:uppercase;
}

.abm-arcano-title{
    margin:0 0 14px;
    color:#d4af37;
    font-family:Georgia,serif;
    font-size:clamp(34px,5vw,56px);
    line-height:1.1;
    text-shadow:0 0 25px rgba(212,175,55,.24);
}

.abm-arcano-subtitle{
    max-width:720px;
    margin:0 auto 46px;
    color:#cfcfcf;
    font-size:18px;
    line-height:1.8;
}

.abm-arcano-date{
    display:inline-block;
    margin-bottom:28px;
    padding:8px 16px;
    border:1px solid rgba(212,175,55,.35);
    border-radius:999px;
    color:#d4af37;
    background:rgba(0,0,0,.35);
    font-size:13px;
    letter-spacing:1.5px;
}

.abm-arcano-card-wrap{
    display:grid;
    grid-template-columns:minmax(250px,390px) minmax(280px,1fr);
    gap:52px;
    align-items:center;
    max-width:900px;
    margin:0 auto;
    text-align:left;
}

.abm-arcano-card{
    width:100%;
    max-width:390px;
    margin:0 auto;
    display:block;
    border-radius:16px;
    box-shadow:
        0 0 24px rgba(212,175,55,.30),
        0 0 80px rgba(212,175,55,.10);
    transition:transform .5s ease, box-shadow .5s ease;
}

.abm-arcano-card:hover{
    transform:translateY(-8px) scale(1.015);
    box-shadow:
        0 0 35px rgba(212,175,55,.52),
        0 0 100px rgba(212,175,55,.16);
}

.abm-arcano-info{
    padding:8px 0;
}

.abm-arcano-number{
    color:#8f7130;
    font-size:14px;
    letter-spacing:3px;
    text-transform:uppercase;
}

.abm-arcano-name{
    margin:8px 0 20px;
    color:#d4af37;
    font-family:Georgia,serif;
    font-size:clamp(32px,4vw,48px);
    line-height:1.05;
    text-shadow:0 0 20px rgba(212,175,55,.18);
}

.abm-arcano-message{
    margin:0 0 24px;
    color:#eee;
    font-size:19px;
    line-height:1.75;
}

.abm-arcano-label{
    margin:0 0 7px;
    color:#d4af37;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.abm-arcano-advice{
    margin:0 0 30px;
    color:#aaa;
    font-size:16px;
    line-height:1.7;
}

.abm-arcano-btn{
    display:inline-block;
    padding:17px 30px;
    border-radius:12px;
    background:linear-gradient(145deg,#d4af37,#8b6b1f);
    color:#000;
    font-size:17px;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 0 25px rgba(212,175,55,.25);
    transition:transform .3s ease, box-shadow .3s ease;
}

.abm-arcano-btn:hover{
    color:#000;
    text-decoration:none;
    transform:translateY(-3px);
    box-shadow:0 0 35px rgba(212,175,55,.48);
}

.abm-arcano-disclaimer{
    margin:38px auto 0;
    max-width:760px;
    color:#666;
    font-size:12px;
    line-height:1.6;
}

@media(max-width:760px){
    .abm-arcano-hoy{padding:80px 18px;}
    .abm-arcano-subtitle{font-size:16px;margin-bottom:34px;}
    .abm-arcano-card-wrap{grid-template-columns:1fr;gap:34px;text-align:center;}
    .abm-arcano-card{max-width:310px;}
    .abm-arcano-info{padding:0;}
    .abm-arcano-message{font-size:17px;}
    .abm-arcano-advice{font-size:15px;}
    .abm-arcano-btn{width:100%;max-width:340px;}
}