/*
Theme Name: Tarot por llamada
Theme URI: https://tarotporllamada.es/
Author: Triae Diseño y Comunicación
Description: Tema de bloques a medida para tarotporllamada.es. Diseño «noche elegante». Necesita el plugin «Tarot por llamada».
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: tarotporllamada
*/

body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
::selection{background:#C9A45C;color:#0F1A2E}
.tpl-main{margin-top:0}
.tpl-main > *{margin-block-start:0!important}

/* Utilidades */
.tpl-kicker{font-size:13px!important;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--oro)!important;font-weight:600;margin-bottom:10px!important}
.tpl-kicker a{color:inherit;text-decoration:none}
.tpl-lead{font-size:var(--wp--preset--font-size--media)!important;color:var(--wp--preset--color--suave);max-width:640px;line-height:1.6}
.has-text-align-center.tpl-lead{margin-inline:auto}
.tpl-mt{margin-top:36px!important}
h2.wp-block-heading{margin-top:0}

/* Cabecera */
.tpl-cab{border-bottom:1px solid var(--wp--preset--color--linea);background:var(--wp--preset--color--noche);position:sticky;top:0;z-index:50}
.admin-bar .tpl-cab{top:32px}
.tpl-cab__in{min-height:78px;gap:24px}
.tpl-logo{display:flex;flex-direction:column;text-decoration:none!important;line-height:1.1;flex:none}
.tpl-logo__marca{font-family:var(--wp--preset--font-family--marcellus);font-size:25px;color:var(--wp--preset--color--crema)}
.tpl-logo__sub{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--suave);margin-top:4px}
.tpl-nav{gap:26px}
.tpl-nav .wp-block-navigation-item__content{color:var(--wp--preset--color--suave);text-decoration:none}
.tpl-nav .wp-block-navigation-item__content:hover,.tpl-nav .current-menu-item > .wp-block-navigation-item__content{color:var(--wp--preset--color--crema)}
.tpl-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--noche)!important;color:var(--wp--preset--color--crema)!important;padding:28px}
.tpl-nav .is-menu-open .wp-block-navigation-item__content{font-family:var(--wp--preset--font-family--marcellus);font-size:28px;color:var(--wp--preset--color--crema)!important}
.tpl-nav .wp-block-navigation__responsive-container-open svg,.tpl-nav .wp-block-navigation__responsive-container-close svg{fill:var(--wp--preset--color--crema)}

/* Secciones */
.tpl-sec{padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)}
.tpl-sec--alt{background:var(--wp--preset--color--noche-2)}
.tpl-hero{padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(48px,7vw,100px);border-bottom:1px solid var(--wp--preset--color--linea);background:radial-gradient(ellipse at 80% 20%,rgba(44,66,104,.45),transparent 60%),var(--wp--preset--color--noche)}
.tpl-hero__cols{gap:64px!important}
.tpl-hero__h1{margin-bottom:22px}
.tpl-hero h1 em,.tpl-hero__h1 em{font-style:normal;color:var(--wp--preset--color--oro)}
.tpl-hero--servicio{padding-bottom:clamp(40px,5vw,72px)}
.tpl-hero--servicio h1{max-width:900px;margin-bottom:18px}
.tpl-hero--simple{padding-bottom:clamp(36px,4vw,56px)}
.tpl-hero--simple h1{font-size:var(--wp--preset--font-size--titular)}

/* Contenido largo (servicios, legales, entradas) */
.tpl-contenido h2{font-size:clamp(26px,3vw,34px);margin-top:56px}
.tpl-contenido h2:first-child,.tpl-contenido .tpl-oraculo + h2{margin-top:0}
.tpl-contenido h3{font-size:24px;margin-top:36px}
.tpl-contenido ul li,.tpl-contenido ol li{margin-bottom:8px}
.tpl-contenido ul{padding-left:1.1em}
.tpl-contenido li::marker{color:var(--wp--preset--color--oro)}
.tpl-destacada img{border-radius:8px}

/* Puntos de confianza */
.tpl-puntos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tpl-punto-item{padding-top:20px;border-top:1px solid var(--wp--preset--color--oro)}
.tpl-punto-item h3{font-size:22px;margin:0 0 8px}
.tpl-punto-item p{font-size:16px;color:var(--wp--preset--color--suave);margin:0}

/* Pasos */
.tpl-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:p}
.tpl-pasos li{padding-top:20px;border-top:2px solid var(--wp--preset--color--oro)}
.tpl-pasos li::before{counter-increment:p;content:"0" counter(p);display:block;font-family:var(--wp--preset--font-family--marcellus);font-size:34px;color:var(--wp--preset--color--oro);margin-bottom:4px}
.tpl-pasos h3{font-size:22px;margin:0 0 6px}
.tpl-pasos p{font-size:16px;color:var(--wp--preset--color--suave);margin:0}

/* Abanico decorativo (sí o no) */
.tpl-abanico{display:flex;justify-content:center;padding:30px 0 10px;text-decoration:none}
.tpl-abanico span{width:110px;aspect-ratio:3/5;border:1px solid var(--wp--preset--color--oro);border-radius:8px;margin:0 -18px;background:repeating-linear-gradient(45deg,rgba(201,164,92,.08) 0 6px,transparent 6px 12px),var(--wp--preset--color--noche-2);box-shadow:0 10px 24px rgba(0,0,0,.35);position:relative;transition:transform .2s ease}
.tpl-abanico span::after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--wp--preset--color--oro)}
.tpl-abanico span:nth-child(1){transform:rotate(-14deg) translateY(16px)}
.tpl-abanico span:nth-child(2){transform:rotate(-7deg) translateY(4px)}
.tpl-abanico span:nth-child(4){transform:rotate(7deg) translateY(4px)}
.tpl-abanico span:nth-child(5){transform:rotate(14deg) translateY(16px)}
.tpl-abanico:hover span:nth-child(3){transform:translateY(-14px)}
.tpl-btn-borde .wp-block-button__link{border:1px solid var(--wp--preset--color--oro)!important;color:var(--wp--preset--color--oro)!important;background:transparent!important;padding:15px 26px}

/* FAQ */
.tpl-faq{border-bottom:1px solid var(--wp--preset--color--linea);padding:20px 0;margin-block:0!important}
.tpl-faq summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.tpl-faq summary::-webkit-details-marker{display:none}
.tpl-faq summary::after{content:"+";color:var(--wp--preset--color--oro);font-size:26px;line-height:1}
.tpl-faq[open] summary::after{content:"–"}
.tpl-faq p{color:var(--wp--preset--color--suave);margin-top:10px}

/* Llamada final */
.tpl-cta__caja{background:linear-gradient(180deg,var(--wp--preset--color--tarjeta),#132039);border:1px solid var(--wp--preset--color--linea);border-radius:10px;padding:clamp(40px,5vw,64px) 28px}
.tpl-cta__num{font-family:var(--wp--preset--font-family--marcellus);font-size:clamp(36px,5vw,56px)!important;line-height:1.1;margin:4px 0 8px!important}
.tpl-cta__num a{color:var(--wp--preset--color--oro)!important;text-decoration:none}

/* Perfil de tarotista */
.tpl-perfil{gap:56px!important}
.tpl-perfil__foto img{border-radius:50% 50% 8px 8px/30% 30% 8px 8px;border:1px solid var(--wp--preset--color--oro)}
.tpl-perfil h1{margin:0 0 8px}
.tpl-perfil .tpl-lead{margin-bottom:22px}

/* Blog */
.tpl-posts{gap:24px}
.tpl-post{background:var(--wp--preset--color--tarjeta);border:1px solid var(--wp--preset--color--linea);border-radius:8px;overflow:hidden;height:100%}
.tpl-post .wp-block-post-featured-image{margin:0}
.tpl-post__cuerpo{padding:20px 22px 24px}
.tpl-post__tit{font-size:24px!important;margin:6px 0 10px!important}
.tpl-post__tit a{color:var(--wp--preset--color--crema);text-decoration:none}
.tpl-post .wp-block-post-excerpt{font-size:16px;color:var(--wp--preset--color--suave)}
.tpl-meta{gap:14px;align-items:center}
.tpl-meta .tpl-kicker{margin:0!important}

/* Pie */
.tpl-pie{border-top:1px solid var(--wp--preset--color--linea);padding-top:64px;padding-bottom:40px;font-size:15px;color:var(--wp--preset--color--suave)}
.tpl-pie__cols{gap:48px!important}
.tpl-pie__tel{font-family:var(--wp--preset--font-family--marcellus);font-size:30px!important;margin:18px 0 6px!important}
.tpl-pie__tel a{color:var(--wp--preset--color--oro)!important;text-decoration:none}
.tpl-pie__tit{font-family:var(--wp--preset--font-family--jost)!important;font-size:13px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--oro)!important;font-weight:600!important;margin-bottom:12px}
.tpl-pie__lista{list-style:none;padding:0;margin:0}
.tpl-pie__lista li{margin:0 0 8px}
.tpl-pie__lista a{color:var(--wp--preset--color--suave);text-decoration:none}
.tpl-pie__lista a:hover{color:var(--wp--preset--color--crema)}
.tpl-pie__base{border-top:1px solid var(--wp--preset--color--linea);margin-top:48px!important;padding-top:24px;align-items:flex-start}
.tpl-pie__base .tpl-aviso{max-width:620px;margin:0!important;font-size:13px!important}
.tpl-pie__legal{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;align-items:center}
.tpl-legales{display:flex;gap:18px}
.tpl-legales a{color:var(--wp--preset--color--suave);text-decoration:none}
.tpl-legales a:hover{color:var(--wp--preset--color--crema)}

/* Tablet */
@media (max-width:1100px){
	.tpl-nav{gap:18px}
	.tpl-puntos{grid-template-columns:1fr 1fr}
	.tpl-equipo{grid-template-columns:1fr 1fr}
}

/* Móvil */
@media (max-width:781px){
	.admin-bar .tpl-cab{top:0;position:relative}
	.tpl-cab__in{min-height:64px;gap:10px}
	.tpl-logo__marca{font-size:20px}
	.tpl-logo__sub{font-size:9.5px;letter-spacing:.1em}
	.tpl-cab-tel{font-size:15px;gap:8px;margin-left:auto}
	.tpl-cab-tel small{display:none}
	.tpl-nav{order:3}
	.tpl-hero__cols{gap:36px!important}
	.tpl-hero__h1{font-size:40px!important}
	.tpl-puntos,.tpl-pasos{grid-template-columns:1fr;gap:22px}
	.tpl-abanico span{width:76px;margin:0 -14px}
	.tpl-perfil{gap:28px!important}
	.tpl-perfil .wp-block-column:first-child{max-width:280px;margin-inline:auto}
	.tpl-pie__cols{gap:28px!important}
	.tpl-pie__base{flex-direction:column}
}