/* =====================================================
LANDING SPECIAL PAGES
Couples Therapy Center
Se carga solo en layouts especiales
===================================================== */

:root{
--blue-mid-60: rgba(155,176,199,0.70);
--plate-border: rgba(173,216,230,0.95);
}

.landing-page main{
margin-top:0;
}

/* HERO */

.hero{
position:relative;
height:100vh;
min-height:500px;
display:flex;
align-items:center;
justify-content:center;
background-image:url('/images/eventos/ctc/conferencias/mfidler/audiencia.webp');
background-size:cover;
background-position:center 20%;
flex-direction:column;
padding-bottom:120px;
}

.hero::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(7,36,57,0.18),rgba(255,255,255,0.06));
}

/* HERO CONTENT */

.logo-plate{
position:relative;
z-index:2;
width:760px;
max-width:90%;
border-radius:18px;
background:var(--blue-mid-60);
border:2px solid var(--plate-border);
display:flex;
flex-direction:column;
align-items:center;
gap:22px;
padding:12px 22px;
box-shadow:var(--soft-shadow);
backdrop-filter:blur(4px);
text-align:center;
}

.logo-plate img.logo{
max-height:80px;
}

.logo-plate h1{
font-size:2.5rem;
font-weight:700;
margin:0;
}

.logo-plate p{
font-size:1.2rem;
margin:0;
}

.cta-row{
display:flex;
gap:24px;
justify-content:center;
margin:28px 0 10px;
flex-wrap:wrap;
}

/* HERO NAV */

.pills{
display:flex;
width:100%;
height:120px;
position:absolute;
bottom:0;
left:0;
z-index:3;
}

.pill{
flex:1 1 25%;
display:flex;
align-items:center;
justify-content:center;
padding:16px;
font-weight:600;
font-size:18px;
text-align:center;
cursor:pointer;
}

.pill:nth-child(1){
background:var(--blue-mid);
}

.pill:nth-child(2){
background:var(--accent);
color:var(--text-clear);
}

.pill:nth-child(3){
background:var(--blue-dark);
color:var(--text-clear);
}

.pill:nth-child(4){
background:var(--blue-light);
}

/* INTRO */

.intro{
padding:22px;
display:flex;
justify-content:center;
}

.intro .box{
width:50%;
background:linear-gradient(180deg,var(--blue-mid),var(--blue-light));
border-radius:18px;
border:4px solid rgba(255,255,255,0.6);
padding:18px 22px;
line-height:1.8rem;
text-align:center;
box-shadow:0 6px 10px rgba(20,40,60,0.06) inset;
}

/* MEDIA */

.media-section{
padding:60px 0;
background:var(--blue-light);
}

.media-container{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
align-items:center;
max-width:1200px;
margin:0 auto;
padding:0 20px;
}

.promo-image{
height:300px;
cursor:pointer;
transition:transform .3s;
}

.promo-image:hover{
transform:scale(1.02);
}

.promo-image img{
width:100%;
height:100%;
object-fit:contain;
border-radius:12px;
box-shadow:var(--soft-shadow);
border:2px solid var(--plate-border);
}

.video-container iframe{
width:100%;
height:300px;
border-radius:12px;
box-shadow:var(--soft-shadow);
border:2px solid var(--plate-border);
}

/* EVENT */

.event-section{
background:var(--blue-dark);
color:var(--text-clear);
padding:40px 48px;
display:flex;
gap:40px;
align-items:flex-start;
}

.event-left{
flex:1 1 60%;
max-width:56%;
font-size:15px;
}

.event-right{
display:flex;
justify-content:center;
}

/* PROFILE */

.profile{
width:92%;
background:linear-gradient(180deg,#d9e8f4,#c9d9ea);
border-radius:20px;
display:flex;
gap:24px;
padding:22px;
align-items:center;
border:4px solid rgba(255,255,255,0.45);
box-shadow:0 12px 24px rgba(12,30,40,0.06);
}

.portrait{
width:170px;
height:210px;
border-radius:14px;
overflow:hidden;
border:6px solid rgba(255,255,255,0.3);
flex-shrink:0;
}

.portrait img{
width:100%;
height:100%;
object-fit:cover;
}

.profile .bio{
flex:1;
color:#153243;
}

/* BENEFITS */

.benefits-section{
padding:46px 48px;
display:flex;
justify-content:center;
background:var(--blue-light);
}

.benefits-container{
width:92%;
background:var(--blue-mid);
border-radius:20px;
padding:22px;
border:4px solid rgba(255,255,255,0.6);
box-shadow:0 12px 24px rgba(12,30,40,0.06);
}

.benefit-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-top:20px;
}

.benefit-item{
background:rgba(255,255,255,0.7);
padding:15px;
border-radius:12px;
}

/* CURRICULUM */

.curriculum-section{
padding:46px 48px;
display:flex;
justify-content:center;
background:var(--blue-dark);
color:var(--text-clear);
}

.curriculum-container{
width:92%;
background:var(--blue-mid);
border-radius:20px;
padding:22px;
border:4px solid rgba(255,255,255,0.6);
box-shadow:0 12px 24px rgba(12,30,40,0.06);
}

.curriculum-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:20px;
margin-top:20px;
}

.curriculum-item{
background:rgba(255,255,255,0.7);
padding:15px;
border-radius:12px;
color:var(--text-dark);
}

/* RESPONSIVE */

@media(max-width:980px){

.hero{
min-height:600px;
}

.media-container{
grid-template-columns:1fr;
}

.event-section{
flex-direction:column;
padding:28px;
}

.event-left{
max-width:100%;
}

.profile{
flex-direction:column;
text-align:center;
}

.benefit-grid{
grid-template-columns:1fr;
}

.curriculum-grid{
grid-template-columns:1fr;
}

}

@media(max-width:669px){

.intro .box{
width:100%;
}

.pills{
flex-wrap:wrap;
height:auto;
}

.pill{
flex:1 1 50%;
}

.logo-plate h1{
font-size:1.5rem;
}

}

/* =========================================
FIX SECCIÓN BENEFICIOS
========================================= */

.benefits-container h2{
text-align:center;
color:var(--text-dark);
}

.benefit-item h3{
color:var(--blue-dark);
font-weight:600;
margin-bottom:8px;
}

.benefit-item p{
color:var(--text-dark);
opacity:0.9;
}

/* botón de la sección */

.benefits-container .btn{
background:var(--accent);
border:none;
box-shadow:var(--soft-shadow);
}

.benefits-container .btn:hover{
background:#e66a30;
}

/* =========================================
FIX SECCIÓN curriculum
========================================= */

.curriculum-container h2, .curriculum-intro {
text-align:center;
color:var(--text-dark);
}

.curriculum-item li {
    margin-bottom: 8px;
    padding-left: 15px;
    position: relative;
}

.curriculum-item h3 {
    margin-bottom: 10px;
    color: var(--blue-dark);
    border-bottom: 2px solid var(--blue-dark);
    padding-bottom: 5px;
}

.curriculum-item ul {
    list-style-type: none;
    padding-left: 0;
}

.curriculum-item li:before {
    content: "•";
    color: #ff7f41;
    position: absolute;
    left: 0;
}


/* =====================================
EVENT SECTION - LANDING STYLE
===================================== */

.event-section{
background:var(--blue-dark);
color:var(--text-clear);
padding:80px 48px;
}

.event-header{
text-align:center;
max-width:720px;
margin:0 auto 50px auto;
}

.event-tag{
color:var(--accent);
font-weight:600;
margin-bottom:5px;
}

.event-title{
font-size:1.3rem;
font-weight:600;
}

/* GRID */

.event-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
max-width:1100px;
margin:0 auto;
}

/* CARD */

.event-card{
background:rgba(255,255,255,0.08);
border-radius:18px;
padding:30px;
backdrop-filter:blur(3px);
}

.event-card h3{
margin-bottom:15px;
}

/* LISTA */

.event-list{
margin-top:15px;
padding-left:18px;
}

.event-list li{
margin-bottom:10px;
}

/* CTA */

.event-cta{
text-align:center;
margin-top:40px;
}

/* RESPONSIVE */

@media(max-width:980px){

.event-grid{
grid-template-columns:1fr;
}

.event-section{
padding:60px 24px;
}

}