/* ============ TEMPLATE EMBER — SESIONES ============ */

/* 1. HERO (berenjena + imagen + CTA) */
.se-hero{background:var(--espresso);color:var(--cream);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 30px 80px;}
.se-hero .eyebrow{color:#D8D2C6;margin-bottom:22px;}
.se-hero h1{font-family:var(--title);font-weight:300;font-size:clamp(40px,5.6vw,80px);line-height:1.05;margin-bottom:32px;max-width:760px;}
.se-hero h1 em{font-weight:400;}
.se-hero-img{position:relative;width:min(340px,70vw);aspect-ratio:16/10;overflow:hidden;border-radius:3px;margin-bottom:32px;background:#241d1a;}
.se-hero-img img,.se-hero-img video,.se-hero-img .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.se-hero p{font-size:14px;color:#CFC8BC;max-width:500px;line-height:1.9;margin-bottom:36px;}

/* 2. CATEGORÍAS (foto + acordeón) */
.se-cat{background:var(--paper);}
.se-cat-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.se-cat-photo{display:flex;align-items:center;justify-content:center;padding:80px 64px;background:var(--paper);}
.se-cat-photo-box{position:relative;width:100%;max-width:430px;aspect-ratio:4/5;overflow:hidden;background:var(--paper-2);}
.se-cat-photo-box img,.se-cat-photo-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.se-cat-base{position:absolute;inset:0;z-index:0;}
.se-cat-swap{position:absolute;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .5s ease;}
.se-cat-swap.is-active{opacity:1;visibility:visible;}
.se-cat-swap[src=""],.se-cat-swap:not([src]){opacity:0;visibility:hidden;}
.se-cat-photo-box .ph{position:absolute;inset:0;background:linear-gradient(135deg,#E7E2D8,#C9C3B6);}
.se-cat.reverse .se-cat-photo{order:2;}
.se-cat-info{padding:120px 70px;display:flex;flex-direction:column;justify-content:center;}
.se-cat-info .eyebrow{margin-bottom:14px;}
.se-cat-info h2{font-family:var(--title);font-weight:400;font-size:clamp(26px,2.8vw,40px);color:var(--ink);margin-bottom:14px;}
.se-cat-info h2 em{font-style:italic;}
.se-cat-lead{font-size:14px;color:var(--muted);line-height:1.85;max-width:440px;margin-bottom:34px;}

/* 3. FRANJA DE CITA */
.se-quote{position:relative;min-height:62vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:var(--cream);}
.se-quote-media{position:absolute;inset:0;z-index:0;}
.se-quote-media::after{content:"";position:absolute;inset:0;background:rgba(42,35,32,.62);}
.se-quote-inner{position:relative;z-index:2;max-width:720px;padding:0 30px;}
.se-quote-inner h2{font-family:var(--title);font-weight:400;font-style:italic;font-size:clamp(26px,3.4vw,44px);line-height:1.28;margin-bottom:18px;}
.se-quote-inner p{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#CFC8BC;}

/* 4. REJILLA 3 IMÁGENES */
.se-tiles-head{background:var(--paper);text-align:center;padding:70px 0 0;}
.se-tiles-head .eyebrow{font-size:12px;letter-spacing:.3em;}
.se-tiles{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);padding:44px 0 0;}
.se-tile{position:relative;min-height:540px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.se-tile::after{content:"";position:absolute;inset:0;background:rgba(42,35,32,.4);transition:background .4s ease;}
.se-tile:hover::after{background:rgba(42,35,32,.55);}
.se-tile img,.se-tile video{position:absolute;inset:0;transition:transform .8s ease;}
.se-tile:hover img{transform:scale(1.05);}
.se-tile .ph{position:absolute;inset:0;background:linear-gradient(135deg,#241d1a,#3a302b);}
.se-tile span{position:relative;z-index:2;color:var(--cream);font-size:13px;letter-spacing:.24em;text-transform:uppercase;border-bottom:1px solid var(--cream);padding-bottom:5px;cursor:pointer;}

/* MODAL PORTFOLIO */
.modal-overlay{position:fixed;inset:0;background:rgba(42,35,32,.78);backdrop-filter:blur(4px);z-index:100;display:none;align-items:flex-start;justify-content:center;padding:6vh 20px;}
.modal-overlay.open{display:flex;}
.modal{background:var(--paper);width:100%;max-width:1060px;max-height:86vh;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 40px 90px rgba(0,0,0,.4);}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding:24px 36px;border-bottom:1px solid var(--line);flex:0 0 auto;}
.modal-head .eyebrow{display:block;margin-bottom:4px;}
.modal-head h3{font-family:var(--title);font-weight:400;font-size:26px;color:var(--ink);line-height:1;}
.modal-close{background:none;cursor:pointer;color:var(--ink);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;transition:background .25s ease,color .25s ease;flex:0 0 auto;}
.modal-close:hover{background:var(--ink);color:var(--paper);}
.modal-body{overflow-y:auto;padding:16px;}
.pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;}
.pl{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--paper-2);}
.pl .ph{position:absolute;inset:0;background:linear-gradient(135deg,#E7E2D8,#C9C3B6);}
.pl img{transition:transform .6s ease;}
.pl:hover img{transform:scale(1.05);}

/* ============ RESPONSIVE ============ */
@media (max-width:900px){
  .se-cat-grid{grid-template-columns:1fr;}
  .se-cat.reverse .se-cat-photo{order:0;}
  .se-cat-photo{padding:50px 40px 10px;}
  .se-cat-photo-box{max-width:320px;}
  .se-cat-info{padding:60px 24px;}
  .se-tiles{grid-template-columns:1fr;}
  .se-tile{min-height:360px;}
  .pl-grid{gap:5px;}
  .modal-body{padding:12px;}
  .modal-head{padding:20px 22px;}
  .modal{max-height:90vh;}
}
@media (max-width:600px){
  .se-hero h1{font-size:clamp(38px,11vw,56px);}
  .se-cat,.se-tiles-head{padding-left:0;padding-right:0;}
}