/* ===== Grupo Tikal — NAP / click-to-call ===== */
:root{
	--gt-bar-bg:#12161d;
	--gt-bar-fg:#ffffff;
	--gt-bar-muted:#ffffff;
	--gt-accent:#c8a24a;        /* acento (ajustable a la marca) */
	--gt-accent-ink:#000000;    /* texto del botón: negro */
	--gt-call:#1f9d55;          /* verde llamada (móvil) */
}

/* ---------- TOP BAR ---------- */
.gt-topbar{
	background:var(--gt-bar-bg);
	color:var(--gt-bar-fg);
	font-size:13px;
	line-height:1.2;
	border-bottom:1px solid rgba(255,255,255,.06);
}
.gt-topbar__inner{
	max-width:1200px;margin:0 auto;padding:7px 18px;
	display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.gt-topbar,
.gt-topbar *{color:#ffffff !important}
.gt-topbar a,
.gt-topbar a span{color:#ffffff !important;text-decoration:none;opacity:1}
.gt-topbar a{display:inline-flex;align-items:center;gap:6px}
.gt-topbar__addr{min-width:0}
.gt-topbar__addr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gt-topbar__phones{display:flex;align-items:center;gap:18px;flex:none}
.gt-topbar__phone{transition:filter .15s,background .15s}
.gt-topbar__phone-label{opacity:1}
.gt-topbar__phone:not(.gt-topbar__phone--ventas):hover span{opacity:1}
/* Botón Ventas: fondo dorado, TEXTO NEGRO */
.gt-topbar__phone--ventas{
	background:var(--gt-accent);
	padding:5px 12px;border-radius:999px;font-weight:700;
}
/* TODO el botón Ventas en negro: label, número, ícono.
   Se usa a.gt-topbar__phone--ventas para ganarle en especificidad a
   `.gt-topbar a span` (que fuerza blanco al resto del topbar). */
.gt-topbar a.gt-topbar__phone--ventas,
.gt-topbar a.gt-topbar__phone--ventas *,
.gt-topbar a.gt-topbar__phone--ventas span,
.gt-topbar a.gt-topbar__phone--ventas .gt-topbar__phone-label{color:#000000 !important;opacity:1}
.gt-topbar a.gt-topbar__phone--ventas svg,
.gt-topbar a.gt-topbar__phone--ventas svg path{color:#000000 !important;fill:#000000 !important}
.gt-topbar__phone--ventas:hover{filter:brightness(1.06)}

/* ---------- BOTÓN "LLÁMANOS" en el header (inyectado por JS) ---------- */
.gt-header-callbtn{
	display:inline-flex;align-items:center;gap:8px;
	background:var(--gt-accent);color:var(--gt-accent-ink)!important;
	padding:10px 18px;border-radius:999px;font-weight:700;font-size:15px;
	text-decoration:none;line-height:1;white-space:nowrap;
	box-shadow:0 2px 10px rgba(0,0,0,.12);transition:transform .15s,filter .15s;
}
.gt-header-callbtn:hover{filter:brightness(1.06);transform:translateY(-1px);color:var(--gt-accent-ink)!important}
.gt-header-callbtn svg{flex:none}
.gt-header-callbtn__num{font-weight:800}

/* ---------- BARRA FIJA DE LLAMADA (móvil) ---------- */
.gt-mobile-callbar{
	display:none;position:fixed;left:0;right:0;bottom:0;z-index:99990;
	align-items:center;justify-content:center;gap:10px;
	background:var(--gt-call);color:#fff!important;text-decoration:none;
	font-weight:700;font-size:16px;padding:13px 16px;line-height:1;
	box-shadow:0 -2px 14px rgba(0,0,0,.18);
}
.gt-mobile-callbar svg{flex:none}

/* ---------- FOOTER: teléfono clickeable ---------- */
.gt-footer-tel{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
.gt-footer-tel:hover{opacity:.8}

/* ---------- FOOTER GLOBAL 3 COLUMNAS ---------- */
/* Blocksy mete el widget en 1/3 (data-column="widget-area-1") con 2 columnas
   "ghost" vacías al lado. Forzamos la fila a UNA sola columna a todo el ancho,
   ocultamos las ghost y le damos fondo oscuro para que el texto blanco se lea. */
.ct-footer [data-row="middle"]{background:var(--gt-bar-bg)}
.ct-footer [data-row="middle"] > .ct-container{
	display:block !important;max-width:1240px;margin:0 auto;
}
.ct-footer [data-row="middle"] [data-column="ghost"]{display:none !important}
.ct-footer [data-row="middle"] [data-column="widget-area-1"]{
	width:100% !important;max-width:100% !important;flex:0 0 100% !important;grid-column:1 / -1 !important;
}
/* que el área de widgets del footer ocupe todo el ancho */
.ct-footer .gt-footer{
	display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:44px;
	max-width:1200px;margin:0 auto;padding:16px 0;color:#fff;text-align:left;width:100%;
}
/* Blocksy fuerza un color de link azulado en el footer; lo pisamos a blanco. */
.ct-footer .gt-footer,
.ct-footer .gt-footer h4,
.ct-footer .gt-footer p,
.ct-footer .gt-footer a,
.ct-footer .gt-footer a strong,
.ct-footer .gt-footer .gt-footer__col a,
.ct-footer .gt-footer .gt-footer__phones a,
.ct-footer .gt-footer .gt-footer__links a{color:#ffffff !important}
.gt-footer__col h4{font-size:19px;margin:0 0 16px;font-weight:700;letter-spacing:.2px}
.gt-footer__col p{margin:0 0 12px;line-height:1.65;font-size:14px}
.gt-footer__col a{text-decoration:none;transition:color .15s}
.ct-footer .gt-footer .gt-footer__col a:hover,
.ct-footer .gt-footer .gt-footer__phones a:hover,
.ct-footer .gt-footer .gt-footer__links a:hover{color:var(--gt-accent) !important}
.gt-footer__phones a{display:inline-block;margin:1px 0}
.gt-footer__map iframe{width:100%;height:190px;border:0;border-radius:10px;margin-top:8px;display:block}
.gt-footer__links{list-style:none;margin:0;padding:0}
.gt-footer__links li{margin:0 0 11px}
.gt-footer__links a{display:inline-flex;align-items:center;gap:10px}
.gt-footer__links a svg{width:18px;height:18px;flex:none}
.gt-footer__social{display:flex;gap:12px;flex-wrap:wrap;margin-top:2px}
.gt-footer__social a{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff}
.gt-footer__social svg{width:19px;height:19px;fill:currentColor}
/* Instagram (glyph sólido) llega al borde del viewBox; leve reducción para margen. */
.gt-footer__social a[aria-label="Instagram"] svg{width:18px;height:18px}
/* Hover redes: fondo dorado + ícono negro (pisa el blanco !important del footer). */
.ct-footer .gt-footer .gt-footer__social a:hover{background:var(--gt-accent) !important;color:#000000 !important}
.ct-footer .gt-footer .gt-footer__social a:hover svg,
.ct-footer .gt-footer .gt-footer__social a:hover svg path{color:#000000 !important;fill:#000000 !important}
/* ocultar columnas/menú vacíos del footer nativo si quedaran */
.ct-footer .footer-menu:empty,.ct-footer [data-column]:empty{display:none}
@media (max-width:900px){
	.ct-footer .gt-footer{grid-template-columns:1fr;gap:30px;text-align:center}
	.gt-footer__social{justify-content:center}
	.gt-footer__map iframe{height:210px}
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:900px){
	.gt-topbar__addr{display:none}
	.gt-topbar__inner{justify-content:center}
	.gt-topbar__phones{gap:12px;flex-wrap:wrap;justify-content:center}
}
@media (max-width:600px){
	.gt-topbar{font-size:12px}
	.gt-topbar__phones .gt-topbar__phone:not(.gt-topbar__phone--ventas) .gt-topbar__phone-label{display:none}
	/* barra fija de llamada visible en móvil; deja espacio al final del body */
	.gt-mobile-callbar{display:flex}
	body{padding-bottom:52px!important}
	/* en móvil el botón grande del header estorba: se oculta (ya está la barra fija + top bar) */
	.gt-header-callbtn{display:none}
}