/*
Theme Name: Tutempo
Theme URI: https://tutempo.com.co
Description: Tema hijo de Twenty Twenty-Five con la identidad de Tutempo Academia Musical (manual de identidad 2017) y la plantilla de lección.
Author: Tutempo
Template: twentytwentyfive
Version: 0.4.5
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: tutempo
*/

/* ---------- Base ---------- */
.tt-eyebrow{font-family:var(--wp--preset--font-family--bebas);font-size:20px;letter-spacing:1.6px;color:var(--wp--preset--color--turquesa-oscuro);text-transform:uppercase;margin:0}
.tt-h2{margin-bottom:0}
.tt-h2::after{content:"";display:block;width:40px;height:3px;background:var(--wp--preset--color--dorado);margin-top:10px}
.tt-franja{height:4px;background:linear-gradient(to right,#244F79 0 33.33%,#086788 33.33% 66.66%,#048BA8 66.66% 100%)}

/* ---------- Cabecera y pie ---------- */
.tt-header{padding:16px 24px}
.tt-header .tt-logo img{height:38px;width:auto;display:block}
.tt-header .wp-block-navigation{font-size:16px}
.tt-header-inner{padding-bottom:0}
.tt-pack-nav .wp-block-button__link{background:#fff;color:var(--wp--preset--color--azul-tutempo);padding:9px 16px;border-radius:8px;font-weight:600;font-size:16px}
.tt-footer .tt-logo img{height:28px;width:auto;display:block}
.tt-footer{padding:24px}
.tt-footer a{color:#5A6478}

/* ---------- Ficha de lección ---------- */
.tt-migas{font-size:15px;color:#5A6478;margin:0 0 24px}
.tt-migas a{color:#5A6478}
.tt-hero{gap:48px;align-items:center}
.tt-portada{background:var(--wp--preset--color--azul-hielo);border-radius:24px;padding:48px 24px;min-height:520px;display:flex;align-items:center;justify-content:center}
.tt-portada .wp-block-post-featured-image{margin:0;width:100%;text-align:center}
.tt-portada .wp-block-post-featured-image img{max-width:100%;height:auto;filter:drop-shadow(0 24px 24px rgba(27,40,69,.25))}
.tt-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:600;margin:0}
.tt-tags a{background:#F0F1F3;color:#3D465A;padding:3px 11px;border-radius:999px;text-decoration:none}
.tt-tags.tt-nivel a{background:#D9E5F0;color:var(--wp--preset--color--azul-tutempo)}
.tt-codigo{font-family:var(--wp--preset--font-family--bebas);font-size:17px;letter-spacing:1.2px;color:var(--wp--preset--color--turquesa-oscuro);margin:0}
.tt-resumen{font-size:20px;font-weight:300;color:var(--wp--preset--color--tinta-suave);margin:0}
.tt-precio-fila{display:flex;align-items:baseline;gap:10px}
.tt-precio{font-family:var(--wp--preset--font-family--bebas);font-size:56px;line-height:1;margin:0;letter-spacing:.5px}
.tt-precio-fila .tt-usd{margin:0;font-size:17px;color:#4F5B70}
.tt-comprar .wp-block-button{width:100%}
.tt-comprar .wp-block-button__link{width:100%;text-align:center;padding:16px 28px;border-radius:10px;font-weight:700;font-size:18px}
.tt-checks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;color:var(--wp--preset--color--tinta-suave)}
.tt-checks li{padding-left:28px;position:relative}
.tt-checks li::before{content:"\2713";position:absolute;left:0;color:var(--wp--preset--color--turquesa-oscuro);font-weight:700}

.tt-video{position:relative;width:100%;aspect-ratio:16/9;background:var(--wp--preset--color--azul-noche);border-radius:14px;overflow:hidden}
.tt-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tt-video-vacio{display:flex;align-items:center;justify-content:center;color:#D5E1EC}

.tt-incluye{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.tt-incluye-item{border:1px solid #DDE1E6;border-radius:12px;padding:20px;display:flex;gap:14px}
.tt-incluye-item svg{flex-shrink:0;margin-top:2px;stroke:var(--wp--preset--color--turquesa-oscuro)}
.tt-incluye-item strong{display:block;font-weight:600}
.tt-incluye-item span{font-size:16px;color:var(--wp--preset--color--tinta-suave)}

.tt-jht{background:var(--wp--preset--color--azul-hielo);border-radius:16px;padding:28px}
.tt-jht .tt-jht-btn .wp-block-button__link{background:#fff;color:var(--wp--preset--color--azul-tutempo);border:1.5px solid var(--wp--preset--color--azul-tutempo);padding:12px 22px;border-radius:10px;font-weight:600}

.tt-siguiente{border:1px solid #DDE1E6;border-radius:12px;padding:24px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.tt-siguiente-cover{width:110px;height:142px;flex-shrink:0;border-radius:6px;background:var(--wp--preset--color--azul-tutempo);border-top:4px solid var(--wp--preset--color--dorado)}
.tt-siguiente-cuerpo{flex:1 1 300px}
.tt-siguiente-tipo{font-family:var(--wp--preset--font-family--bebas);font-size:17px;letter-spacing:1.2px;color:var(--wp--preset--color--turquesa-oscuro);margin:0}
.tt-siguiente-titulo{font-size:23px;font-weight:600;line-height:1.25;margin:0}
.tt-siguiente-texto{margin:4px 0 0;color:var(--wp--preset--color--tinta-suave)}
.tt-siguiente-precio{font-weight:600;font-size:21px;margin:0 0 8px}

.tt-relacionadas .tt-card{border:1px solid #DDE1E6;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box}
.tt-relacionadas .tt-card .wp-block-post-title{font-size:19px;font-weight:600;margin:0}
.tt-relacionadas .tt-card .wp-block-post-title a{color:var(--wp--preset--color--azul-noche);text-decoration:none}
.tt-relacionadas .tt-card p{margin:0;font-size:15px;color:var(--wp--preset--color--tinta-suave)}

/* ---------- Lección gratis (franja) ---------- */
.tt-pack{position:relative;overflow:hidden;color:#fff}
.tt-pack::before,.tt-pack::after{content:"";position:absolute;top:0;height:100%;width:400px;transform:skewX(-32deg);transform-origin:top left;pointer-events:none}
.tt-pack::before{left:55%;background:rgba(255,255,255,.05)}
.tt-pack::after{left:75%;background:rgba(27,40,69,.25)}
.tt-pack>*{position:relative;z-index:1}
.tt-pack .tt-eyebrow{color:var(--wp--preset--color--dorado)}
.tt-pack h2{color:#fff}
.tt-pack .tt-pack-btn .wp-block-button__link{background:#fff;color:var(--wp--preset--color--azul-tutempo);font-weight:700;padding:14px 22px;border-radius:10px}

@media (max-width:781px){
  .tt-portada{min-height:0;padding:32px 16px}
  .tt-precio{font-size:48px}
}

.tt-jht h3{font-size:26px;line-height:1.2;margin:2px 0 8px}
.tt-jht p{margin:0}
.tt-catalogo .tt-card{border:1px solid #DDE1E6;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box}
.tt-catalogo .tt-card .wp-block-post-featured-image{background:var(--wp--preset--color--azul-hielo);border-radius:8px;padding:16px;margin:0 0 8px}
.tt-catalogo .tt-card .wp-block-post-title{font-size:20px;margin:0}
.tt-catalogo .tt-card .wp-block-post-title a{color:var(--wp--preset--color--azul-noche);text-decoration:none}
.tt-catalogo .tt-card p{margin:0}

/* Entrenamientos: lista ordenada de lecciones */
.tt-entrena{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tt-entrena li{display:flex;align-items:center;gap:16px;border:1px solid #DDE1E6;border-radius:12px;padding:14px 18px}
.tt-entrena-actual{background:var(--wp--preset--color--azul-hielo);border-color:var(--wp--preset--color--azul-tutempo)!important}
.tt-entrena-n{flex:0 0 34px;height:34px;border-radius:50%;background:var(--wp--preset--color--azul-tutempo);color:#fff;font-family:var(--wp--preset--font-family--bebas);font-size:19px;display:flex;align-items:center;justify-content:center}
.tt-entrena-cuerpo{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;column-gap:12px;row-gap:2px;align-items:baseline}
.tt-entrena-cuerpo a{font-weight:600;color:var(--wp--preset--color--azul-noche);text-decoration:none}
.tt-entrena-cuerpo a:hover{text-decoration:underline}
.tt-entrena-cuerpo em{font-size:14px;color:var(--wp--preset--color--tinta-suave)}
.tt-entrena-cod{font-family:var(--wp--preset--font-family--bebas);font-size:16px;letter-spacing:1.2px;color:var(--wp--preset--color--turquesa-oscuro)}
.tt-entrena-res{flex-basis:100%;font-size:15px;color:var(--wp--preset--color--tinta-suave)}
.tt-entrena-precio{font-weight:600;white-space:nowrap}

/* Página de la lección gratis: el formulario de MailerLite ocupa el ancho de la columna */
.tt-gratis-contenido{display:flex;flex-direction:column;gap:14px}
.tt-gratis-contenido>p:first-child{font-size:20px;font-weight:300;color:var(--wp--preset--color--tinta-suave);margin:0}
.tt-gratis-contenido .ml-embedded,.tt-gratis-contenido [class*="ml-form-embed"],.tt-gratis-contenido .ml-form-embedContainer{width:100%!important;max-width:100%!important;margin:0!important}
.tt-gratis-contenido .ml-form-embedWrapper{max-width:100%!important;border-radius:12px!important}
p.tt-tags a{cursor:default}
.tt-gratis-contenido .ml-form-embedWrapper *,.tt-gratis-contenido .ml-form-embedWrapper *::before{box-sizing:border-box!important}
.tt-gratis-contenido .ml-form-embedBody{padding:24px!important}
.tt-gratis-contenido .ml-form-embedSubmit button.primary{background:var(--wp--preset--color--azul-tutempo)!important;border-color:var(--wp--preset--color--azul-tutempo)!important;border-radius:8px!important}
.tt-gratis-contenido .ml-form-embedSubmit button.primary:hover{background:var(--wp--preset--color--azul-noche)!important}
.tt-incluye.tt-dos{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:781px){.tt-incluye.tt-dos{grid-template-columns:1fr}}