/* HERO */
.escoli-article-hero{
    position: relative;
    padding: 140px 20px 90px;
    text-align: center;
    background: linear-gradient(135deg, #1E1E2F, rgba(106,5,114,0.75));
    overflow: hidden;
}

.escoli-hero-bg{
    position:absolute;
    inset:-30%;
    background:
        radial-gradient(circle at 15% 25%, rgba(240,142,3,0.14) 0%, transparent 45%),
        radial-gradient(circle at 80% 70%, rgba(247,68,54,0.14) 0%, transparent 45%);
    z-index:0;
}

.escoli-article-wrap{
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index:1;
}

.escoli-title{
    font-size: clamp(2.3rem, 4.8vw, 3.8rem);
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -0.02em;
    margin:0;
    background: linear-gradient(135deg, #ffffff, #F08E03, #ffffff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* CUERPO */
.escoli-article-body{
    background: #f8f9fa;
    padding: 70px 20px 100px;
}

.escoli-card{
    background: white;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.escoli-card-inner{
    padding: 40px 35px;
    color:#333;
    line-height:1.9;
    font-size:1.05rem;
}

.escoli-card-inner h2{
    margin-top:30px;
    color:#6A0572;
}

/* INTRO DESTACADA */
.intro-destacado{
    font-size:1.15rem;
    font-weight:600;
    margin-bottom:30px;
    padding:18px 20px;
    border-left:4px solid #F08E03;
    background: linear-gradient(
        135deg,
        rgba(106,5,114,0.06),
        rgba(240,142,3,0.08)
    );
    border-radius:12px;
}

/* CCP GRID */
.ccp-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 18px;
}

.ccp-box{
    border-radius: 16px;
    padding: 18px 18px;
    background: linear-gradient(135deg, rgba(55,12,86,0.06), rgba(240,142,3,0.08));
    border: 1px solid rgba(55,12,86,0.12);
}

.ccp-box h3{
    margin: 0 0 10px 0;
    color: #6A0572;
    font-size: 1.15rem;
}

.ccp-box p{
    margin: 0;
    color: #333;
}

/* BLOQUE FINAL */
.escoli-highlight{
    margin-top:30px;
    padding:25px;
    border-radius:16px;
    background: linear-gradient(
        135deg,
        rgba(55,12,86,0.08),
        rgba(240,142,3,0.10)
    );
    border:1px solid rgba(55,12,86,0.18);
}

.escoli-highlight ul{
    margin-left:20px;
    margin-bottom:15px;
}

.escoli-highlight li{
    margin-bottom:10px;
}

.escoli-highlight-note{
    margin: 0;
}

/* RESPONSIVE */
@media (max-width: 900px){
    .ccp-grid{ grid-template-columns: 1fr; }
    .escoli-card-inner{ padding: 28px 18px; }
}