/* WMTA — ficha de evento = vivo (wmta.org .shared-detail, medido 2026-10-19 a 1440 y 390 px). Ver inc/wmta-detail.php */
.wmta-dt{position:relative;overflow-x:clip;font-family:proxima-nova,Arial,sans-serif;font-weight:400;color:#1A222D}
.wmta-dt *,.wmta-dt *::before,.wmta-dt *::after{box-sizing:border-box}
.wmta-dt-ico{display:block;flex:none;width:auto;height:1em}

/* ---------- banner + tarjeta ---------- */
.wmta-dt-top{position:relative;padding-top:166px;background:#074058 url(/wp-content/uploads/wmta-decor/leo-detail-header-bg-desk.svg) 0 0/cover}
.wmta-dt-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:121px;z-index:0;pointer-events:none;background:url(/wp-content/uploads/wmta-decor/leo-detail-header-waves-desk.svg) 0 0/1440px 21px repeat-x,linear-gradient(#fff,#fff) 0 20px/100% calc(100% - 20px) no-repeat}
.wmta-dt-top__inner{position:relative;z-index:1;display:flex;max-width:1036px;margin:0 auto}
.wmta-dt-badge{position:absolute;top:-28px;right:32px;z-index:2;width:123px;height:123px;max-width:none}
.wmta-dt-gal{position:relative;flex:0 0 50%;min-height:396px;background:#074058}
.wmta-dt-gal__link{position:absolute;inset:0;display:block;overflow:hidden}
.wmta-dt .wmta-dt-gal__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.wmta-dt-gal__count{position:absolute;right:20px;bottom:15px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7.5px 17.9px;border-radius:4.295px;background:rgba(4,106,148,.6);font-size:18px;line-height:18px;letter-spacing:.309px;color:#fff}
.wmta-dt-gal__count .wmta-dt-ico{height:16px}
.wmta-dt-panel{position:relative;z-index:1;display:flex;flex:0 0 50%;flex-direction:column;justify-content:center;border:20px solid #fff;padding:20px 20px 20px 66px;background:#F7F7F6;box-shadow:5px 5px 50px rgba(0,0,0,.2)}
.wmta-dt-panel__top{display:flex;flex:none;min-height:59px}
.wmta-dt-share{position:relative;margin-top:8px}
.wmta-dt-share__btn{display:inline-flex;align-items:center;gap:5px;height:27px;min-width:0;margin:0!important;padding:0!important;border:0!important;border-radius:4px;box-shadow:none!important;background:none!important;font-family:proxima-nova,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal!important;text-transform:none!important;color:#1A222D!important;cursor:pointer}
.wmta-dt-share__btn .wmta-dt-ico{height:15px;color:#00A49A}
.wmta-dt-share__btn:hover span{text-decoration:underline}
.wmta-dt-share__menu,.wmta-dt-cal__menu{position:absolute;left:0;top:calc(100% + 6px);z-index:20;min-width:180px;margin:0;padding:8px 0;list-style:none;background:#fff;border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.wmta-dt-share__menu a,.wmta-dt-cal__menu a{display:block;padding:7px 16px;font-size:16px;line-height:22px;color:#074058;text-decoration:none}
.wmta-dt-share__menu a:hover,.wmta-dt-cal__menu a:hover{background:#F1F0EF}
.wmta-dt .wmta-dt-title{margin:0 0 6px;font-family:"Josefin Sans",Arial,sans-serif;font-size:40px;font-weight:700;line-height:40px;letter-spacing:normal;color:#046A94;text-transform:none}
.wmta-dt-prio{margin:0;font-size:18px;line-height:29.25px;color:#074058}
.wmta-dt-prio dt{float:left;margin:0 4px 0 0;font-weight:700}
.wmta-dt-prio dd{display:block;margin:0;font-weight:400}
.wmta-dt-prio a{color:#007B74;font-weight:400;text-decoration:none}
.wmta-dt-prio a:hover{text-decoration:underline}
.wmta-dt-actions{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start}
.wmta-dt .wmta-dt-btn{display:inline-block;margin:16px 16px 0 0;padding:12.5px 39px;border:0;border-radius:9999px;background:#00B5FF;font-family:proxima-nova,Arial,sans-serif;font-size:16px;font-weight:700;line-height:16px;letter-spacing:2px;text-align:center;text-transform:uppercase;text-decoration:none;color:#074058;cursor:pointer;transition:background-color .25s}
.wmta-dt .wmta-dt-btn:hover,.wmta-dt .wmta-dt-btn:focus-visible{background:#F2AD00;color:#064E6B}
.wmta-dt-cal{position:relative;flex-basis:100%}
.wmta-dt-cal__menu{top:calc(100% + 6px)}

/* ---------- barra de info ---------- */
.wmta-dt-bar{margin:74px 20px 0}
.wmta-dt-bar__inner{display:flex;max-width:1154px;margin:0 auto;padding:55px 80px;background:#F1F0EF url(/wp-content/uploads/wmta-decor/leo-detail-info-bg.svg) 100% 50%/175% auto no-repeat}
.wmta-dt-pane{flex:1 1 0;min-width:0;padding:0 20px}
.wmta-dt-pane:first-child{margin-bottom:30px}
.wmta-dt-info{margin:0;padding:0;list-style:none}
.wmta-dt-info li{display:flex;align-items:flex-start;margin:0 0 2px;font-size:18px;line-height:22.5px;color:#074058}
.wmta-dt-info .wmta-dt-ico{height:18px;margin:2px 12px 0 0;color:#00A49A}
.wmta-dt-info .wmta-dt-ico--pin{width:14px}
.wmta-dt-info a{color:#074058;text-decoration:none}
.wmta-dt-info a:hover{text-decoration:underline}
.wmta-dt-2line a{display:block}
.wmta-dt-dl{margin:0;font-size:18px;line-height:22.5px;color:#074058}
.wmta-dt-dl div{display:flow-root}
.wmta-dt-dl dt{float:left;margin:0 4px 0 0;font-weight:400}
.wmta-dt-dl dd{display:block;margin:0;font-weight:400}

/* ---------- acordeones ---------- */
.wmta-dt-drawers{max-width:1074px;margin:60px auto 80px;padding:0 20px}
.wmta-dt .wmta-dt-drawer__btn{display:flex;align-items:flex-start;justify-content:space-between;width:100%;min-width:0;margin:0 0 10px;padding:0 10px 14px;border:0;box-shadow:none;border-bottom:1px solid #DBE4EA;border-radius:0;background:none!important;font-family:"Josefin Sans",Arial,sans-serif;font-size:30px;font-weight:700;line-height:30px;letter-spacing:normal;text-align:left;text-transform:uppercase;color:#046A94!important;cursor:pointer}
.wmta-dt .wmta-dt-drawer__btn:hover{color:#064E6B!important}
.wmta-dt-drawer__btn .wmta-dt-ico{height:19px;margin:5px 0 0 16px;color:#F2AD00;transition:transform .2s}
.wmta-dt-drawer:not(.is-open) .wmta-dt-drawer__btn .wmta-dt-ico{transform:rotate(180deg)}
.wmta-dt .wmta-dt-drawer:not(.is-open) .wmta-dt-drawer__btn{margin-bottom:43px}
.wmta-dt-drawer__body{padding:30px}
.wmta-dt-desc{font-size:18px;font-weight:500;line-height:29.88px;color:#074058}
.wmta-dt-desc p{margin:0}
.wmta-dt-desc p+p{margin-top:80px}
.wmta-dt--listing .wmta-dt-desc p+p{margin-top:29.88px} /* socios: en el vivo es una línea en blanco */
.wmta-dt-desc>:last-child{margin-bottom:50px}
.wmta-dt-desc a{color:#007B74;font-weight:700}
.wmta-dt-map{height:400px;margin:0 0 20px;background:#E8EEF1}
.wmta-dt-map iframe{display:block;width:100%;height:100%;border:0}
.wmta-dt-dir{font-size:16px;line-height:24px;color:#007B74;text-decoration:none}
.wmta-dt-dir:hover{text-decoration:underline}

/* ---------- lightbox ---------- */
.wmta-dt-lb{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(7,25,35,.92)}
.wmta-dt-lb img{display:block;max-width:90vw;max-height:84vh;object-fit:contain}
.wmta-dt-lb__video{display:block;width:min(90vw,calc(84vh * 16 / 9));aspect-ratio:16/9;border:0;background:#000}
.wmta-dt-lb [hidden]{display:none!important}
.wmta-dt-lb button{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.12)!important;font-size:28px;line-height:1;color:#fff!important;cursor:pointer}
.wmta-dt-lb button:hover{background:rgba(255,255,255,.25)!important}
.wmta-dt-lb__close{top:20px;right:20px}
.wmta-dt-lb__prev{left:20px;top:50%;translate:0 -50%}
.wmta-dt-lb__next{right:20px;top:50%;translate:0 -50%}
.wmta-dt-lb__count{position:absolute;bottom:22px;left:50%;translate:-50% 0;font-family:proxima-nova,Arial,sans-serif;font-size:16px;color:#fff}

/* ---------- tablet / móvil (vivo a 390 px) ---------- */
@media (max-width:1023px){
 .wmta-dt-top{padding-top:0;background:none}
 .wmta-dt-top::after{display:none}
 .wmta-dt-top__inner{flex-direction:column;max-width:none}
 .wmta-dt-badge{top:105px;right:30px;width:90px;height:90px} /* 93 px de header (el vivo no lo superpone) + 12 */
 .wmta-dt-gal{flex:none;min-height:0;padding:123px 20px 0;background:#074058 url(/wp-content/uploads/wmta-decor/leo-detail-header-bg.svg) 0 0/100% auto}
 .wmta-dt-gal::before{content:"";position:absolute;left:0;right:0;bottom:0;height:50px;background:#fff}
 .wmta-dt-gal::after{content:"";position:absolute;left:0;right:0;bottom:48px;height:13px;background:url(/wp-content/uploads/wmta-decor/leo-detail-header-waves.svg) 0 0/cover}
 .wmta-dt-gal__link{position:relative;inset:auto;z-index:1;aspect-ratio:335/221}
 .wmta-dt-gal__count{right:30px;bottom:10px;gap:5px;padding:6px 16.1px;font-size:15px;line-height:15px}
 .wmta-dt-gal__count .wmta-dt-ico{height:13px}
 .wmta-dt-panel{display:block;flex:none;margin:0 20px;border-width:10px;padding:18px 18px 28px;box-shadow:5px 5px 25px rgba(0,0,0,.2)}
 .wmta-dt-panel__top{min-height:49px}
 .wmta-dt .wmta-dt-title{margin-bottom:20px;font-size:30px;line-height:30px}
 .wmta-dt .wmta-dt-btn{padding:10.5px 29.5px;font-size:15px;line-height:15px}
 .wmta-dt-bar{margin:0 20px}
 .wmta-dt-bar__inner{display:block;margin:20px 0 32px;padding:27px 30px}
 .wmta-dt-pane{padding:0}
 .wmta-dt-pane:first-child{margin-bottom:30px}
 .wmta-dt-pane:empty{display:none}
 .wmta-dt-info li,.wmta-dt-dl{font-size:15px;line-height:18.75px}
 .wmta-dt-info .wmta-dt-ico{height:14px;margin:2px 4px 0 0}
 .wmta-dt-info .wmta-dt-ico--pin{width:16px}
 .wmta-dt-drawers{margin:0 0 20px;padding:0 20px}
 .wmta-dt .wmta-dt-drawer__btn{padding:0 10px 6px;font-size:25px;line-height:25px}
 .wmta-dt-drawer__btn .wmta-dt-ico{height:16px;margin-top:3px}
 .wmta-dt-drawer__body{padding:4px 0}
 .wmta-dt-desc{font-size:15px;line-height:22.95px}
 .wmta-dt-desc p{margin:0;padding:0 22px}
 .wmta-dt-desc p+p{margin-top:53px}
 .wmta-dt--listing .wmta-dt-desc p+p{margin-top:22.95px}
 .wmta-dt-desc>:last-child{margin-bottom:30px}
 .wmta-dt-map{height:300px}
}

/* ---------- ficha de SOCIO: redes, horario, eventos, artículos (vivo, 2026-10-19) ---------- */
.wmta-dt-socials{display:flex;flex-wrap:nowrap;gap:20px;margin:0;padding:0;list-style:none}
/* Pastel #14: redes en una sola fila; como el vivo, el panel se ensancha lo justo (325/345/325 con 5 íconos) */
.wmta-dt-pane:has(> .wmta-dt-socials){min-width:max-content}
.wmta-dt .wmta-dt-soc{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:#074058;color:#00B5FF;transition:background-color .2s,color .2s}
.wmta-dt .wmta-dt-soc:hover{background:#00B5FF;color:#074058}
.wmta-dt-soc .wmta-dt-ico{height:17px}
.wmta-dt-amen{margin:0 0 20px}
.wmta-dt-amen__tabs{display:flex;flex-wrap:wrap}
.wmta-dt .wmta-dt-amen__tab,.wmta-dt .wmta-dt-amen__tab:hover,.wmta-dt .wmta-dt-amen__tab:focus{display:inline-block;margin:0 12px 12px 0;padding:8px 12px;border:1px solid #046A94;border-radius:0;background:#fff;box-shadow:none;font-family:proxima-nova,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal;text-transform:none;color:#046A94;cursor:pointer}
.wmta-dt .wmta-dt-amen__tab.is-active{border-color:#00B5FF;background:#00B5FF;color:#074058}
.wmta-dt-amen .wmta-dt-ico--check{width:14px;height:16px;color:#1A222D}
.wmta-dt-amen .wmta-dt-hours li{gap:10px;align-items:center}
.wmta-dt .wmta-dt-amen__h{margin:0 0 8px;font-family:"Josefin Sans",Arial,sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:normal;text-transform:none;color:#1A222D}
.wmta-dt-hours{margin:0;padding:0;list-style:none;background:#fff}
.wmta-dt-hours li{display:flex;justify-content:space-between;gap:20px;padding:12px;font-size:16px;line-height:24px;color:#1A222D}
.wmta-dt-hours li:nth-child(odd){background:#EDF1F7}
.wmta-dt-hours li:last-child{margin-bottom:12px}
.wmta-dt-ev{display:flex;align-items:flex-start;margin:0 0 20px}
.wmta-dt-ev__img{flex:0 0 414px;width:414px;height:275px;margin-right:25px;overflow:hidden;background:#E8EEF1}
.wmta-dt .wmta-dt-ev__img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.wmta-dt-ev__cs{flex:1 1 auto;min-width:0}
.wmta-dt .wmta-dt-ev__t{margin:0 0 8px;font-family:proxima-nova,Arial,sans-serif;font-size:20px;font-weight:700;line-height:32.5px;letter-spacing:normal;text-transform:none;color:#1A222D}
.wmta-dt-ev__t a{color:#1A222D;text-decoration:none}
.wmta-dt-ev__t a:hover{text-decoration:underline}
.wmta-dt-ev ul{margin:0;padding:0;list-style:none;font-size:16px;line-height:24px;color:#1A222D}
.wmta-dt-ev ul a{color:#007B74;text-decoration:none}
.wmta-dt-ev ul a:hover{text-decoration:underline}
.wmta-dt .wmta-dt-rp__h{margin:0 0 6px;font-family:"Josefin Sans",Arial,sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:normal;text-transform:none;color:#1A222D}
.wmta-dt-rp{position:relative;margin:0 0 20px}
.wmta-dt-rp__track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.wmta-dt-rp__track::-webkit-scrollbar{display:none}
.wmta-dt-rp__slide{position:relative;flex:0 0 calc((100% - 20px) / 3);height:199px;overflow:hidden;scroll-snap-align:start;text-decoration:none}
.wmta-dt-rp__img,.wmta-dt .wmta-dt-rp__img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.wmta-dt-rp__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.65) 100%);pointer-events:none}
.wmta-dt-rp__t{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:8px 0;padding:4px 16px;font-family:"Josefin Sans",Arial,sans-serif;font-size:20px;font-weight:700;line-height:24px;color:#fff}
.wmta-dt .wmta-dt-rp__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:0;margin:0!important;padding:0 0 3px!important;border:0!important;border-radius:50%;background:#F2AD00!important;font-size:30px;line-height:1;color:#074058!important;translate:0 -50%;cursor:pointer;box-shadow:none}
.wmta-dt-rp__arrow.is-prev{left:12px}
.wmta-dt-rp__arrow.is-next{right:12px}
@media (max-width:1023px){
 .wmta-dt-socials{flex-wrap:wrap;gap:10px}
 .wmta-dt-pane:has(> .wmta-dt-socials){min-width:0}
 .wmta-dt .wmta-dt-soc{width:36px;height:36px}
 .wmta-dt-soc .wmta-dt-ico{height:14px}
 .wmta-dt--listing .wmta-dt-desc p{padding:0 11px}
 .wmta-dt-ev{display:block;margin-bottom:28px}
 .wmta-dt-ev__img{width:100%;height:auto;margin:0 0 12px;aspect-ratio:414/275}
 .wmta-dt .wmta-dt-ev__t{font-size:18px;line-height:26px}
 .wmta-dt-ev ul{font-size:15px;line-height:22px}
 .wmta-dt-rp__slide{flex-basis:85%}
}

/* VIS-PARITY 2026-10-30 (Playwright vivo vs build): Share 18/27 #074058; descripcion de evento 1.8 #0B3453 */
.wmta-dt-share__btn{font-size:18px!important;line-height:27px!important;color:#074058!important}
.wmta-dt:not(.wmta-dt--listing) .wmta-dt-desc{line-height:32.4px;color:#0B3453}
@media (max-width:767px){.wmta-dt:not(.wmta-dt--listing) .wmta-dt-desc{line-height:22.95px}}
/* /VIS-PARITY */

/* A11Y 2026-11-04 — target size WCAG 2.2 (2.5.8): los links de una línea del bloque de datos (lugar, Email, Phone,
   Website) miden 24 px de alto como mínimo; el texto queda arriba, alineado con su ícono como antes. */
.wmta-dt-info li>a{display:inline-block;min-height:24px}
.wmta-dt-2line a{min-height:24px}
