/* Acerca de - about section */
.about-grid {
	display: flex;
	gap: 48px;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 38px 0 0 0;
}
.about-main {
	flex: 2;
	min-width: 320px;
}
.about-main h3 {
	margin-top: 24px;
	color: var(--primary);
	font-size: 20px;
.about-main p {
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
}
.about-values {
	list-style: disc inside;
	color: #15303b;
	margin-bottom: 18px;
	padding-left: 18px;
}
.about-gallery {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 180px;
}
.about-img {
	width: 100%;
	max-width: 260px;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(12,24,40,0.10);
	object-fit: cover;
}
@media (max-width: 900px) {
	.about-grid { flex-direction: column; gap: 28px; }
	.about-gallery { flex-direction: row; gap: 12px; justify-content: flex-start; }
	.about-img { max-width: 120px; }
}
.ficha-pdf {
	margin-top: 18px;
	text-align: left;
	width: 100%;
}
.btn-pdf {
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	color: #b33f2b;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.ficha-title {
	font-size: 28px;
	font-family: Merriweather, serif;
	margin: 0 0 12px 0;
	color: #222;
}
.ficha-desc {
	font-size: 16px;
	color: #444;
	margin-bottom: 18px;
}
.ficha-features {
	list-style: none;
	padding: 0;
	margin: 0 0 18px 0;
}
.ficha-features li {
	font-size: 15px;
	color: #222;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}
	width: 100%;
	display: flex;
	justify-content: center;
}
.btn-cotizar {
	background: #000;
	color: #fff;
	padding: 14px 0;
	border-radius: 6px;
	font-weight: 700;
	text-align: center;
	width: 100%;
	text-decoration: none;
	font-size: 16px;
	transition: background .18s;
}
.btn-cotizar:hover {
	background: #b33f2b;
}
:root{--primary:#b33f2b;--accent:#15303b;--bg:#f4f7f900;--card:#ffffff;--muted:#6b6b6b}
:root, html, body{height:100%}
*{box-sizing:border-box}
html{background:var(--bg)}
body{font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;background:var(--bg);color:#172026;line-height:1.5;min-height:100%}
.site-header{background:transparent;color:#fff;border-bottom:1px solid rgba(255,255,255,0.03);position:sticky;top:0;z-index:120;transition:background .3s}
.site-header.scrolled,.site-header.header-solid{background:linear-gradient(180deg,rgba(15,43,43,0.45),rgba(21,48,59,0.45));backdrop-filter:blur(8px);}
.site-header .header-inner{padding:12px 16px}

/* Evitar colapso de márgenes con el primer .container dentro del header */
.site-header .container{margin:0 auto;padding:0 18px}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}
.brand{display:flex;align-items:center;gap:12px}
.logo{height:44px;width:160px;object-fit:contain;display:block}
.notice{font-size:13px;color:rgba(255,255,255,0.8);padding:8px 16px}
.main-nav{display:flex;gap:8px;align-items:center}
.nav-link{color:rgba(255,255,255,0.9);text-decoration:none;padding:8px 12px;border-radius:6px;font-weight:600;letter-spacing:0.2px}
.nav-link:hover{background:rgba(255,255,255,0.04)}
.nav-link.active{background:rgba(255,255,255,0.06)}
.container{max-width:1080px;margin:28px auto;padding:0 18px}

/* Evitar colapso de margen dentro del hero: quitar margen superior de los contenedores internos */
.hero .container{margin:0 auto;padding:0 18px}

/* Quitar espacio entre hero y la siguiente sección */
main.container{margin-top:0;padding-top:0}

/* Forzar que no haya separación entre hero, categories y main */
.hero + .categories{margin-top:0}
.categories.container{margin-top:0;padding-top:0}
.hero + .categories.container{margin-top:0}
.hero + main.container{margin-top:0;padding-top:0}

/* Ensure header notice doesn't create unexpected gap */
.site-header .notice{margin:0;padding:6px 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.card{background:linear-gradient(180deg,#ffffff,#fbfdff);padding:14px;border-radius:12px;box-shadow:0 10px 30px rgba(15,32,38,0.06);cursor:pointer;display:flex;flex-direction:column;transform:translateY(0);transition:transform .28s cubic-bezier(.2,.9,.3,1),box-shadow .28s}
.card:hover{transform:translateY(-8px);box-shadow:0 18px 42px rgba(12,24,40,0.12)}
.img-wrap{aspect-ratio:4/3;overflow:hidden;border-radius:8px}
.img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.meta{padding-top:10px;display:flex;justify-content:space-between;align-items:center}
.price{color:var(--primary);font-weight:700}
.btn-whatsapp{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;transition:transform .14s;font-weight:700}
.btn-whatsapp:hover{transform:translateY(-3px)}

/* Input cliente */
#customerName{width:100%;padding:10px;border-radius:8px;border:1px solid #e6e6e6;font-size:14px}

/* Modal */
.modal{position:fixed;inset:0;background:rgba(3,9,23,0.5);display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;transition:opacity .18s}
.modal.open{visibility:visible;opacity:1}
.modal-content{background:#fff;width:100%;max-width:820px;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;transform:translateY(6px);transition:transform .18s}
.modal.open .modal-content{transform:translateY(0)}
.modal-image{min-height:260px;background:#eee}
.modal-image img{width:100%;height:100%;object-fit:cover}
.modal-body{padding:20px}
.close{background:transparent;border:0;font-size:20px;cursor:pointer}
ul.features{padding-left:18px;margin-top:6px}

/* Small utilities & responsive */
@media(max-width:820px){.modal-content{grid-template-columns:1fr}}
@media(max-width:520px){.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.reveal{animation:fadeUp .45s ease both}

/* subtle image zoom on hover inside modal */
.zoom img{transition:transform .5s ease}.zoom:hover img{transform:scale(1.03)}

/* Hero */
.hero-slider{position:relative;overflow:hidden}
.hero-slide{min-height:420px;background-size:cover;background-position:center;display:flex;align-items:center;padding:40px 0}
.slide-content{max-width:640px;color:#fff;text-shadow:0 6px 20px rgba(0,0,0,0.35)}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:none}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease,transform .9s ease;transform:scale(1.02);background-color:transparent}
.hero-bg .slide.active{opacity:1;transform:scale(1)}
.hero-overlay{position:relative;z-index:10;width:100%;padding:0 0;background:linear-gradient(180deg,rgba(0,0,0,0.18),rgba(0,0,0,0.12));backdrop-filter:blur(0.5px);display:flex;align-items:center}

/* Video background */
.hero-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}
.hero-inner{display:flex;align-items:center;justify-content:center}
.hero-card{max-width:1100px;background:transparent;border-radius:0;padding:48px 20px;text-align:center;color:#fff}
.hero-card h1{font-family:Merriweather, serif;font-size:64px;color:#fff;margin:0 0 12px;text-shadow:0 8px 30px rgba(3,9,11,0.55)}
.hero-card p{color:rgba(255,255,255,0.93);margin-bottom:18px;font-size:18px;max-width:920px;margin-left:auto;margin-right:auto}
.hero-cta{margin-top:8px}
.hero-cta .btn-primary{background:var(--primary);padding:14px 26px;border-radius:6px;font-size:16px;box-shadow:0 12px 30px rgba(179,63,43,0.16)}

.scroll-indicator{position:absolute;left:50%;transform:translateX(-50%);bottom:22px;z-index:30;color:rgba(255,255,255,0.9);font-size:20px}
.hero-info{position:fixed;left:18px;bottom:18px;background:rgba(255,255,255,0.96);color:#183033;padding:12px 14px;border-radius:10px;box-shadow:0 12px 30px rgba(8,18,30,0.08);z-index:40;display:flex;gap:10px;align-items:center}
.hero-info p{margin:0;font-size:13px}
.hero-info .close-info{background:transparent;border:0;font-size:14px;cursor:pointer}

@media(max-width:900px){
	.hero-card h1{font-size:28px}
	.hero-card p{font-size:15px}
	.hero-card{padding:28px 16px}
	.scroll-indicator{bottom:12px}
}

.hero-dots{display:flex;gap:8px;margin-top:18px}
.hero-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(8,20,24,0.25);cursor:pointer}
.hero-dots button.active{background:var(--primary)}
.hero-cta{display:flex;justify-content:center;margin-top:18px}
.hero-cta .btn-primary{padding:14px 20px;font-size:18px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.18)}
.slide-content h2{font-size:36px;margin:0 0 8px}
.slide-content p{opacity:0.95;margin-bottom:12px}
.btn-primary{background:var(--primary);color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;box-shadow:0 10px 24px rgba(179,63,43,0.12)}

/* slider controls */
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.45);color:#fff;border:0;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center}
.slider-arrow.prev{left:12px}
.slider-arrow.next{right:12px}
.slider-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;display:flex;gap:8px}
.slider-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,0.5);cursor:pointer}
.slider-dots button.active{background:#ff6a00}

/* Categories */
.categories{display:none;gap:12px;flex-wrap:wrap;margin:14px auto;padding:10px 16px}
.cat-btn{background:#fff;border:1px solid #e6e6e6;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:700}
.cat-btn.active{background:var(--primary);color:#fff;border-color:transparent}

/* dropdown panel */
.has-dropdown{position:relative;z-index:140}
.dropdown-panel{position:absolute;top:42px;left:0;background:#fff;color:#222;padding:12px;border-radius:8px;box-shadow:0 8px 30px rgba(2,6,23,0.12);display:none;min-width:260px;z-index:150}
@media (min-width:821px){
	.has-dropdown:hover .dropdown-panel{display:block}
}
.dropdown-panel .dd-cat.active{background:var(--primary);color:#fff;border-color:transparent}
.dropdown-grid{display:flex;flex-direction:column;gap:8px}
.dd-cat{background:#fff;border:1px solid #e6e6e6;padding:8px 10px;border-radius:6px;cursor:pointer;text-align:left}
.dd-cat:hover{background:#f4f6f8}

/* Floating WhatsApp */
.floating-wa{position:fixed;right:18px;bottom:18px;background:#25D366;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(2,6,23,0.2);z-index:60;text-decoration:none}
.floating-wa svg{width:28px;height:28px}
.floating-wa img{width:28px;height:28px;display:block}


/* Home presentation */
.home-presentation{display:flex;gap:28px;align-items:center;padding:40px 0}
.home-presentation .hp-text{flex:1}
.home-presentation .hp-text h2{font-size:28px;margin-bottom:12px}
.home-presentation .hp-text p{color:#333;max-width:680px}
.home-presentation .hp-text ul{margin-top:12px;list-style:disc;padding-left:20px;color:#333}
.home-presentation .hp-image{flex:1}
.home-presentation .hp-image img{width:100%;height:320px;object-fit:cover;border-radius:8px}

@media(max-width:900px){
	.home-presentation{flex-direction:column}
	.home-presentation .hp-image img{height:220px}
}

/* Features en Inicio */
.home-features{padding:34px 0}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{background:transparent;border:1px solid rgba(12,24,40,0.04);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.feature-card svg{background:transparent;border-radius:8px;padding:6px}
.feature-card h3{margin:0;font-size:18px;font-family:Merriweather, serif;color:#142e32}
.feature-card p{margin:0;color:#466067}

.stats-bar{display:flex;justify-content:space-between;gap:12px;padding:18px 0;margin-top:8px}
.stats-bar .stat{flex:1;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:10px;padding:14px 18px;text-align:center;box-shadow:0 6px 18px rgba(12,24,40,0.04)}
.stats-bar .stat strong{display:block;font-size:20px;color:#15303b}
.stats-bar .stat span{display:block;color:#6b6b6b;margin-top:6px}

@media(max-width:900px){
  .features-grid{grid-template-columns:1fr;}
  .stats-bar{flex-direction:column}
}

/* Panel que unifica inicio con hero */
.home-panel{background:linear-gradient(180deg,#ffffff,#fbfdff);border-radius:14px;padding:28px 18px;margin-top:-92px;box-shadow:0 30px 70px rgba(8,18,30,0.08);position:relative;z-index:20}
.home-panel .home-presentation{padding:10px 0}
.home-panel .hp-text h2{color:#0b2730;font-size:26px;font-family:Merriweather, serif}
.home-panel .hp-text p, .home-panel .hp-text ul, .home-panel .hp-text li{color:#405a61}
.home-panel .hp-image img{height:300px;object-fit:cover;border-radius:8px}

/* Nuevo layout para home */
.home-inner{display:flex;gap:28px;align-items:center;padding:18px 0}
.home-left{flex:1;padding-right:20px}
.home-left h2{font-family:Merriweather, serif;font-size:28px;color:var(--accent);margin-bottom:10px}
.home-left p{color:#4b6367;margin-bottom:12px}
.home-left ul{color:#4b6367;margin-left:18px}
.home-right{flex:1;display:flex;justify-content:center}
.home-image-wrap{width:100%;max-width:520px;border-radius:10px;overflow:hidden;box-shadow:0 18px 40px rgba(12,24,40,0.08)}
.home-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}

.home-features{padding:28px 0}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{background:transparent;border-left:4px solid rgba(0,0,0,0.04);padding:18px;border-radius:8px}
.feature-card h3{margin:0 0 6px 0;color:var(--accent);font-family:Merriweather, serif}
.feature-card p{margin:0;color:#556}

.stats-bar{display:flex;justify-content:space-between;gap:12px;padding:18px 0;margin-top:6px}
.stats-bar .stat{flex:1;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:10px;padding:18px;text-align:center;box-shadow:0 8px 24px rgba(12,24,40,0.04)}
.stats-bar .stat strong{display:block;font-size:20px;color:var(--accent)}
.stats-bar .stat span{display:block;color:#6b6b6b;margin-top:6px}

@media(max-width:980px){
	.home-inner{flex-direction:column}
	.features-grid{grid-template-columns:1fr}
	.home-panel{margin-top:-60px;padding:18px}
	.home-image-wrap{max-width:100%}
	.stats-bar{flex-direction:column}
}

@media(max-width:900px){
	.home-panel{margin-top:-40px;padding:18px}
	.home-panel .hp-image img{height:180px}
}

/* Acerca de - about section */
.about-grid {
	display: flex;
	gap: 48px;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 38px 0 0 0;
}
.about-main {
	flex: 2;
	min-width: 320px;
}
.about-main h3 {
	margin-top: 24px;
	color: var(--primary);
	font-size: 20px;
}
.about-main p {
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
}
.about-values {
	list-style: disc inside;
	color: #15303b;
	margin-bottom: 18px;
	padding-left: 18px;
}
.about-gallery {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 180px;
}
.about-img {
	width: 100%;
	max-width: 260px;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(12,24,40,0.10);
	object-fit: cover;
}
@media (max-width: 900px) {
	.about-grid { flex-direction: column; gap: 28px; }
	.about-gallery { flex-direction: row; gap: 12px; justify-content: flex-start; }
	.about-img { max-width: 120px; }
}
.ficha-pdf {
	margin-top: 18px;
	text-align: left;
	width: 100%;
}
.btn-pdf {
	display: inline-flex;
	align-items: center;
	background: #f4f7f956;
	color: #222;
	padding: 10px 16px;
	border-radius: 8px;
	font-weight: 600;
	text-decoration: none;
	font-size: 15px;
	box-shadow: 0 2px 8px rgba(12,24,40,0.04);
	transition: background .18s;
}
.btn-pdf:hover {
	background: #e6e6e6;
}
.product-ficha {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(12,24,40,0.08);
	max-width: 700px;
	margin: 38px auto;
	padding: 32px 28px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.ficha-img img {
	width: 180px;
	height: auto;
	object-fit: contain;
	margin-bottom: 18px;
}
.ficha-cat {
	font-size: 13px;
	color: #b33f2b;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.ficha-title {
	font-size: 28px;
	font-family: Merriweather, serif;
	margin: 0 0 12px 0;
	color: #222;
}
.ficha-desc {
	font-size: 16px;
	color: #444;
	margin-bottom: 18px;
}
.ficha-features {
	list-style: none;
	padding: 0;
	margin: 0 0 18px 0;
}
.ficha-features li {
	font-size: 15px;
	color: #222;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}
.ficha-actions {
	width: 100%;
	display: flex;
	justify-content: center;
}
.btn-cotizar {
	background: #000;
	color: #fff;
	padding: 14px 0;
	border-radius: 6px;
	font-weight: 700;
	text-align: center;
	width: 100%;
	text-decoration: none;
	font-size: 16px;
	transition: background .18s;
}
.btn-cotizar:hover {
	background: #b33f2b;
}
:root{--primary:#b33f2b;--accent:#15303b;--bg:#f4f7f900;--card:#ffffff;--muted:#6b6b6b}
:root, html, body{height:100%}
*{box-sizing:border-box}
html{background:var(--bg)}
body{font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;background:var(--bg);color:#172026;line-height:1.5;min-height:100%}
.site-header{background:transparent;color:#fff;border-bottom:1px solid rgba(255,255,255,0.03);position:sticky;top:0;z-index:120;transition:background .3s}
.site-header.scrolled,.site-header.header-solid{background:linear-gradient(180deg,rgba(15,43,43,0.45),rgba(21,48,59,0.45));backdrop-filter:blur(8px);}
.site-header .header-inner{padding:12px 16px}

/* Evitar colapso de márgenes con el primer .container dentro del header */
.site-header .container{margin:0 auto;padding:0 18px}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}
.brand{display:flex;align-items:center;gap:12px}
.logo{height:44px;width:160px;object-fit:contain;display:block}
.notice{font-size:13px;color:rgba(255,255,255,0.8);padding:8px 16px}
.main-nav{display:flex;gap:8px;align-items:center}
.nav-link{color:rgba(255,255,255,0.9);text-decoration:none;padding:8px 12px;border-radius:6px;font-weight:600;letter-spacing:0.2px}
.nav-link:hover{background:rgba(255,255,255,0.04)}
.nav-link.active{background:rgba(255,255,255,0.06)}
.container{max-width:1080px;margin:28px auto;padding:0 18px}

/* Evitar colapso de margen dentro del hero: quitar margen superior de los contenedores internos */
.hero .container{margin:0 auto;padding:0 18px}

/* Quitar espacio entre hero y la siguiente sección */
main.container{margin-top:0;padding-top:0}

/* Forzar que no haya separación entre hero, categories y main */
.hero + .categories{margin-top:0}
.categories.container{margin-top:0;padding-top:0}
.hero + .categories.container{margin-top:0}
.hero + main.container{margin-top:0;padding-top:0}

/* Ensure header notice doesn't create unexpected gap */
.site-header .notice{margin:0;padding:6px 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.card{background:linear-gradient(180deg,#ffffff,#fbfdff);padding:14px;border-radius:12px;box-shadow:0 10px 30px rgba(15,32,38,0.06);cursor:pointer;display:flex;flex-direction:column;transform:translateY(0);transition:transform .28s cubic-bezier(.2,.9,.3,1),box-shadow .28s}
.card:hover{transform:translateY(-8px);box-shadow:0 18px 42px rgba(12,24,40,0.12)}
.img-wrap{aspect-ratio:4/3;overflow:hidden;border-radius:8px}
.img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.meta{padding-top:10px;display:flex;justify-content:space-between;align-items:center}
.price{color:var(--primary);font-weight:700}
.btn-whatsapp{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;transition:transform .14s;font-weight:700}
.btn-whatsapp:hover{transform:translateY(-3px)}

/* Input cliente */
#customerName{width:100%;padding:10px;border-radius:8px;border:1px solid #e6e6e6;font-size:14px}

/* Modal */
.modal{position:fixed;inset:0;background:rgba(3,9,23,0.5);display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;transition:opacity .18s}
.modal.open{visibility:visible;opacity:1}
.modal-content{background:#fff;width:100%;max-width:820px;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;transform:translateY(6px);transition:transform .18s}
.modal.open .modal-content{transform:translateY(0)}
.modal-image{min-height:260px;background:#eee}
.modal-image img{width:100%;height:100%;object-fit:cover}
.modal-body{padding:20px}
.close{background:transparent;border:0;font-size:20px;cursor:pointer}
ul.features{padding-left:18px;margin-top:6px}

/* Small utilities & responsive */
@media(max-width:820px){.modal-content{grid-template-columns:1fr}}
@media(max-width:520px){.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.reveal{animation:fadeUp .45s ease both}

/* subtle image zoom on hover inside modal */
.zoom img{transition:transform .5s ease}.zoom:hover img{transform:scale(1.03)}

/* Hero */
.hero-slider{position:relative;overflow:hidden}
.hero-slide{min-height:420px;background-size:cover;background-position:center;display:flex;align-items:center;padding:40px 0}
.slide-content{max-width:640px;color:#fff;text-shadow:0 6px 20px rgba(0,0,0,0.35)}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:none}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease,transform .9s ease;transform:scale(1.02);background-color:transparent}
.hero-bg .slide.active{opacity:1;transform:scale(1)}
.hero-overlay{position:relative;z-index:10;width:100%;padding:0 0;background:linear-gradient(180deg,rgba(0,0,0,0.18),rgba(0,0,0,0.12));backdrop-filter:blur(0.5px);display:flex;align-items:center}

/* Video background */
.hero-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}
.hero-inner{display:flex;align-items:center;justify-content:center}
.hero-card{max-width:1100px;background:transparent;border-radius:0;padding:48px 20px;text-align:center;color:#fff}
.hero-card h1{font-family:Merriweather, serif;font-size:64px;color:#fff;margin:0 0 12px;text-shadow:0 8px 30px rgba(3,9,11,0.55)}
.hero-card p{color:rgba(255,255,255,0.93);margin-bottom:18px;font-size:18px;max-width:920px;margin-left:auto;margin-right:auto}
.hero-cta{margin-top:8px}
.hero-cta .btn-primary{background:var(--primary);padding:14px 26px;border-radius:6px;font-size:16px;box-shadow:0 12px 30px rgba(179,63,43,0.16)}

.scroll-indicator{position:absolute;left:50%;transform:translateX(-50%);bottom:22px;z-index:30;color:rgba(255,255,255,0.9);font-size:20px}
.hero-info{position:fixed;left:18px;bottom:18px;background:rgba(255,255,255,0.96);color:#183033;padding:12px 14px;border-radius:10px;box-shadow:0 12px 30px rgba(8,18,30,0.08);z-index:40;display:flex;gap:10px;align-items:center}
.hero-info p{margin:0;font-size:13px}
.hero-info .close-info{background:transparent;border:0;font-size:14px;cursor:pointer}

@media(max-width:900px){
	.hero-card h1{font-size:28px}
	.hero-card p{font-size:15px}
	.hero-card{padding:28px 16px}
	.scroll-indicator{bottom:12px}
}

.hero-dots{display:flex;gap:8px;margin-top:18px}
.hero-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(8,20,24,0.25);cursor:pointer}
.hero-dots button.active{background:var(--primary)}
.hero-cta{display:flex;justify-content:center;margin-top:18px}
.hero-cta .btn-primary{padding:14px 20px;font-size:18px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.18)}
.slide-content h2{font-size:36px;margin:0 0 8px}
.slide-content p{opacity:0.95;margin-bottom:12px}
.btn-primary{background:var(--primary);color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;box-shadow:0 10px 24px rgba(179,63,43,0.12)}

.slider-arrow.next{right:12px}
.slider-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;display:flex;gap:8px}
.slider-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,0.5);cursor:pointer}
.slider-dots button.active{background:#ff6a00}

/* Categories */
.categories{display:none;gap:12px;flex-wrap:wrap;margin:14px auto;padding:10px 16px}
.cat-btn{background:#fff;border:1px solid #e6e6e6;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:700}
.cat-btn.active{background:var(--primary);color:#fff;border-color:transparent}

/* dropdown panel */
.has-dropdown{position:relative;z-index:140}
.dropdown-panel{position:absolute;top:42px;left:0;background:#fff;color:#222;padding:12px;border-radius:8px;box-shadow:0 8px 30px rgba(2,6,23,0.12);display:none;min-width:260px;z-index:150}
@media (min-width:821px){
	.has-dropdown:hover .dropdown-panel{display:block}
}
.dropdown-panel .dd-cat.active{background:var(--primary);color:#fff;border-color:transparent}
.dropdown-grid{display:flex;flex-direction:column;gap:8px}
.dd-cat{background:#fff;border:1px solid #e6e6e6;padding:8px 10px;border-radius:6px;cursor:pointer;text-align:left}
.dd-cat:hover{background:#f4f6f8}

/* Floating WhatsApp */
.floating-wa{position:fixed;right:18px;bottom:18px;background:#25D366;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(2,6,23,0.2);z-index:60;text-decoration:none}
.floating-wa svg{width:28px;height:28px}
.floating-wa img{width:28px;height:28px;display:block}


/* Home presentation */
.home-presentation{display:flex;gap:28px;align-items:center;padding:40px 0}
.home-presentation .hp-text{flex:1}
.home-presentation .hp-text h2{font-size:28px;margin-bottom:12px}
.home-presentation .hp-text p{color:#333;max-width:680px}
.home-presentation .hp-text ul{margin-top:12px;list-style:disc;padding-left:20px;color:#333}
.home-presentation .hp-image{flex:1}
.home-presentation .hp-image img{width:100%;height:320px;object-fit:cover;border-radius:8px}

@media(max-width:900px){
	.home-presentation{flex-direction:column}
	.home-presentation .hp-image img{height:220px}
}

/* Features en Inicio */
.home-features{padding:34px 0}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{background:transparent;border:1px solid rgba(12,24,40,0.04);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.feature-card svg{background:transparent;border-radius:8px;padding:6px}
.feature-card h3{margin:0;font-size:18px;font-family:Merriweather, serif;color:#142e32}
.feature-card p{margin:0;color:#466067}

.stats-bar{display:flex;justify-content:space-between;gap:12px;padding:18px 0;margin-top:8px}
.stats-bar .stat{flex:1;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:10px;padding:14px 18px;text-align:center;box-shadow:0 6px 18px rgba(12,24,40,0.04)}
.stats-bar .stat strong{display:block;font-size:20px;color:#15303b}
.stats-bar .stat span{display:block;color:#6b6b6b;margin-top:6px}

@media(max-width:900px){
  .features-grid{grid-template-columns:1fr;}
  .stats-bar{flex-direction:column}
}

/* Panel que unifica inicio con hero */
.home-panel{background:linear-gradient(180deg,#ffffff,#fbfdff);border-radius:14px;padding:28px 18px;margin-top:-92px;box-shadow:0 30px 70px rgba(8,18,30,0.08);position:relative;z-index:20}
.home-panel .home-presentation{padding:10px 0}
.home-panel .hp-text h2{color:#0b2730;font-size:26px;font-family:Merriweather, serif}
.home-panel .hp-text p, .home-panel .hp-text ul, .home-panel .hp-text li{color:#405a61}
.home-panel .hp-image img{height:300px;object-fit:cover;border-radius:8px}

/* Nuevo layout para home */
.home-inner{display:flex;gap:28px;align-items:center;padding:18px 0}
.home-left{flex:1;padding-right:20px}
.home-left h2{font-family:Merriweather, serif;font-size:28px;color:var(--accent);margin-bottom:10px}
.home-left p{color:#4b6367;margin-bottom:12px}
.home-left ul{color:#4b6367;margin-left:18px}
.home-right{flex:1;display:flex;justify-content:center}
.home-image-wrap{width:100%;max-width:520px;border-radius:10px;overflow:hidden;box-shadow:0 18px 40px rgba(12,24,40,0.08)}
.home-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}

.home-features{padding:28px 0}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{background:transparent;border-left:4px solid rgba(0,0,0,0.04);padding:18px;border-radius:8px}
.feature-card h3{margin:0 0 6px 0;color:var(--accent);font-family:Merriweather, serif}
.feature-card p{margin:0;color:#556}

.stats-bar{display:flex;justify-content:space-between;gap:12px;padding:18px 0;margin-top:6px}
.stats-bar .stat{flex:1;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:10px;padding:18px;text-align:center;box-shadow:0 8px 24px rgba(12,24,40,0.04)}
.stats-bar .stat strong{display:block;font-size:20px;color:var(--accent)}
.stats-bar .stat span{display:block;color:#6b6b6b;margin-top:6px}

@media(max-width:980px){
	.home-inner{flex-direction:column}
	.features-grid{grid-template-columns:1fr}
	.home-panel{margin-top:-60px;padding:18px}
	.home-image-wrap{max-width:100%}
	.stats-bar{flex-direction:column}
}

@media(max-width:900px){
	.home-panel{margin-top:-40px;padding:18px}
	.home-panel .hp-image img{height:180px}
}