/* Panadish UI refresh — loaded after the theme, overrides only */
:root {
	--brand: #e11d2e;
	--brand-dark: #b3121f;
	--brand-soft: #fff1f2;
	--ink: #14181f;
	--ink-2: #4b5563;
	--line: #e7e9ee;
	--surface: #ffffff;
	--bg: #f6f7f9;
	--radius: 16px;
	--shadow: 0 1px 2px rgba(20,24,31,.05), 0 8px 24px rgba(20,24,31,.07);
	--shadow-lg: 0 2px 4px rgba(20,24,31,.06), 0 18px 40px rgba(20,24,31,.12);
}

html { scroll-behavior: smooth; }
body {
	font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
	color: var(--ink-2);
	background: var(--bg);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5 {
	font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
	color: var(--ink);
	letter-spacing: -.02em;
	font-weight: 800;
}
h1.title, .title { font-size: clamp(28px, 4vw, 40px); line-height: 1.15; }
h2 { font-size: clamp(24px, 3vw, 32px); }
a { color: var(--brand); transition: color .2s; }
a:hover, a:focus { color: var(--brand-dark); text-decoration: none; }
p { color: var(--ink-2); }
.lead { font-size: 19px; color: var(--ink-2); }

/* Separator: short brand bar */
.separator {
	width: 56px; height: 4px; border: 0; border-radius: 4px;
	background: var(--brand); margin: 16px auto 24px;
}
.separator:after, .separator:before { display: none; }

/* ---------- Top bar ---------- */
.header-top {
	background: var(--ink);
	border: 0;
	padding: 6px 0;
}
.header-top .social-links > li > a,
.header-top .social-links .btn { color: #cfd4dc; background: transparent; border: 0; }
.header-top .social-links > li > a:hover { color: #fff; background: transparent; }
.header-top .social-links li.whats a:hover { color: #4dcb5b; }

/* ---------- Header / nav ---------- */
.header.fixed, .header {
	background: rgba(255,255,255,.88);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	backdrop-filter: saturate(180%) blur(14px);
	border-bottom: 1px solid var(--line);
	box-shadow: none;
}
.header .site-slogan { display: none; }
.header .logo { margin: 8px 0; }
.main-navigation .navbar-default { background: transparent; border: 0; box-shadow: none; }
.main-navigation .navbar-nav > li > a {
	font-weight: 600; font-size: 15px; color: var(--ink);
	border-radius: 999px; margin: 14px 2px; padding: 8px 16px;
	background: transparent; border: 0; transition: background .2s, color .2s;
}
.main-navigation .navbar-nav > li > a:hover,
.main-navigation .navbar-nav > li > a:focus { background: var(--brand-soft); color: var(--brand); }
.main-navigation .navbar-nav > .active > a,
.main-navigation .navbar-nav > .active > a:hover,
.main-navigation .navbar-nav > .active > a:focus { background: var(--brand); color: #fff; }
@media (max-width: 767px) {
	.main-navigation .navbar-nav > li > a { margin: 2px 0; display: inline-block; }
	.navbar-default .navbar-toggle { border-color: var(--line); border-radius: 10px; }
}

/* ---------- Buttons ---------- */
.btn, .btn-default {
	border-radius: 999px;
	font-weight: 700;
	letter-spacing: 0;
	padding: 11px 26px;
	border: 2px solid var(--brand);
	background: var(--brand);
	color: #fff;
	box-shadow: 0 6px 16px rgba(225,29,46,.28);
	transition: transform .2s, box-shadow .2s, background .2s;
}
.btn:hover, .btn:focus, .btn-default:hover, .btn-default:focus {
	background: var(--brand-dark); border-color: var(--brand-dark); color: #fff;
	transform: translateY(-2px); box-shadow: 0 10px 22px rgba(225,29,46,.34);
}
.btn:active { transform: translateY(0); }
.btn-lg { padding: 14px 34px; font-size: 17px; }
.header-top .btn { box-shadow: none; padding: 4px 10px; }

/* ---------- Hero slider ---------- */
.banner { background: var(--ink); }
.tp-caption.default_bg, .tp-caption.dark_gray_bg, .tp-caption.light_gray_bg, .tp-caption.white_bg {
	font-family: "Inter", sans-serif; font-weight: 700; border-radius: 10px;
}
.tp-caption.default_bg { background: var(--brand) !important; }
.tp-caption.white_bg { color: var(--ink) !important; }

/* ---------- Intro / call-to-action blocks ---------- */
.page-top {
	background: var(--surface);
	border: 0;
	padding: 72px 0;
}
.page-top + .page-top { background: var(--bg); }
.page-top .call-to-action { text-align: center; }
.page-top .call-to-action h4 { margin-top: 28px; color: var(--ink); }
.page-top .call-to-action ul {
	list-style: none; padding: 0; margin: 20px auto 28px; max-width: 640px;
	display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px;
}
.page-top .call-to-action ul li, #noticias ul li {
	background: var(--surface); border: 1px solid var(--line); border-radius: 12px;
	padding: 12px 16px 12px 44px; text-align: left; position: relative; font-weight: 500; color: var(--ink);
}
.page-top .call-to-action ul li:before, #noticias ul li:before {
	content: "\f1eb"; font-family: FontAwesome; position: absolute; left: 16px; top: 12px;
	color: var(--brand);
}
.page-top .call-to-action img { border-radius: var(--radius); max-width: 100%; box-shadow: var(--shadow); margin-bottom: 12px; }
.call-to-action4 { border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-lg); background: #000; }
#noticias ul { list-style: none; padding: 0; margin: 0 auto 32px; max-width: 640px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; }
#map-canvas { border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }

/* ---------- About section & cards ---------- */
.main-container, .main-container.gray-bg { background: var(--bg); padding: 80px 0; border: 0; }
.box-style-1, .box-style-1.white-bg {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 32px;
	margin: 24px 0 0;
	height: calc(100% - 24px);
	transition: transform .25s, box-shadow .25s;
}
.box-style-1:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.box-style-1 h2 { margin-top: 20px; }
.box-style-1 ul { padding-left: 20px; }
.box-style-1 ul li::marker { color: var(--brand); }
.box-style-1 hr { border-color: var(--line); }
.box-style-1 img { max-width: 100%; height: auto; }
@media (min-width: 768px) { .main .row > .col-sm-6 { display: flex; } .main .row > .col-sm-6 > .box-style-1 { flex: 1; } }

.box-style-2 {
	background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
	box-shadow: var(--shadow); padding: 28px; margin-bottom: 20px; text-align: left; height: calc(100% - 20px);
	transition: transform .25s, box-shadow .25s;
}
.box-style-2:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.box-style-2 .icon-container {
	width: 48px; height: 48px; line-height: 48px; border-radius: 14px;
	background: var(--brand-soft) !important; color: var(--brand); font-size: 20px;
	text-align: center; margin-bottom: 16px; position: static; float: none;
}
.box-style-2 .body { padding: 0; }
.box-style-2 h3 { font-size: 18px; margin-top: 0; }
#noticias .row.grid-space-10 > [class*="col-"] { display: flex; }
#noticias .row.grid-space-10 .box-style-2 { width: 100%; }

/* ---------- Features accordion ---------- */
.section { background: var(--surface); padding: 80px 0; border: 0; }
.section img[alt="panadish hd"] { border-radius: var(--radius) !important; box-shadow: var(--shadow-lg); width: 100% !important; }
.panel-group .panel, .panel-dark .panel {
	border: 1px solid var(--line); border-radius: 14px !important; box-shadow: none;
	margin-bottom: 10px; overflow: hidden; background: var(--surface);
}
.panel-group .panel-heading { background: var(--surface) !important; border: 0; padding: 0; }
.panel-group .panel-title a {
	display: block; padding: 16px 20px; font-weight: 700; color: var(--ink) !important;
	background: transparent !important; transition: background .2s, color .2s;
}
.panel-group .panel-title a i { color: var(--brand); width: 28px; margin-right: 6px; }
.panel-group .panel-title a:hover { background: var(--brand-soft) !important; }
.panel-group .panel-title a:not(.collapsed) { color: var(--brand) !important; }
.panel-group .panel-body { border: 0 !important; padding: 0 20px 18px 54px; color: var(--ink-2); }

/* ---------- Parallax CTA band ---------- */
.parallax.light-translucent-bg:before, .light-translucent-bg:after { background: none; }
.section.parallax { padding: 72px 0; }
.light-translucent-bg {
	background: linear-gradient(120deg, var(--brand-dark), var(--brand)) !important;
}
.light-translucent-bg:before { background: transparent !important; }
.light-translucent-bg .title, .light-translucent-bg p { color: #fff; }
.light-translucent-bg .btn {
	background: #fff; color: var(--brand); border-color: #fff; box-shadow: 0 8px 22px rgba(0,0,0,.2);
}
.light-translucent-bg .btn:hover { background: var(--ink); color: #fff; border-color: var(--ink); }

/* ---------- Footer ---------- */
#footer .footer { background: var(--ink); border: 0; padding: 64px 0 40px; color: #aab1bd; }
#footer .footer p, #footer .footer li, #footer .footer a { color: #aab1bd; }
#footer .footer a:hover { color: #fff; }
#footer .footer-content .logo-footer img { max-width: 220px; margin-bottom: 16px; filter: brightness(0) invert(1); }
#footer .list-icons li { margin-bottom: 8px; }
#footer .list-icons .fa { color: var(--brand); }
#footer .social-links.circle li a {
	background: rgba(255,255,255,.08); color: #fff; border: 0; border-radius: 50%;
	width: 40px; height: 40px; line-height: 40px; transition: background .2s, transform .2s;
}
#footer .social-links.circle li a:hover { background: var(--brand); transform: translateY(-2px); }
#footer .footer-content h2 a { color: #4dcb5b !important; font-size: 24px; }
#footer .gallery img { border-radius: var(--radius); }
#footer .subfooter { background: #0d1015; border: 0; padding: 14px 0; }
#footer .subfooter p { color: #7b8493; margin: 6px 0; }

/* ---------- Scroll-to-top ---------- */
.scrollToTop {
	background: var(--brand); color: #fff; border-radius: 50%;
	width: 46px; height: 46px; line-height: 46px; box-shadow: var(--shadow-lg);
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.btn, .box-style-1, .box-style-2 { transition: none; }
}