Preview de mixed.css
/* MIXED CSS PACK */
/* Template: generadoresargentina.com.ar/index.html */
/* Template mtime: 2025-11-28 17:12:07 */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap */
/* ===== INLINE <style> BLOCK #1 ===== */
p.section-subtitle {
text-align: center !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
h2.section-title {
text-align: center !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Catálogo: permitir que el iframe “full-bleed” no se recorte por el card */
#catalogo .card-modern{
overflow: visible !important;
border-radius: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
/* Refuerzo: el propio iframe sin radios dentro del card */
#catalogo .card-modern iframe{
border-radius: 0 !important;
}
/* ===== INLINE <style> BLOCK #2 ===== */
.section-subtitle-muted {
color: #6c757d !important;
text-align: center !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
font-size: 1rem;
line-height: 1.5;
}
.section-title{
font-size:2.5rem;
font-weight:900;
text-align:left !important;
margin-bottom:.6rem;
position:relative;
display:inline-block;
}
.section-title::after{
content:"";
position:absolute;
bottom:-10px;
left:0;
width:60px;
height:4px;
background:linear-gradient(135deg, var(--primary), var(--primary-light));
border-radius:2px;
}
.section-subtitle{
color:var(--gray-600);
text-align:left !important;
margin:0 0 1.6rem !important;
max-width:760px;
}
.catalogo-iframe-wrapper {
width: 100%;
}
/* Altura por defecto (mobile / general) */
.catalogo-iframe {
width: 100%;
min-height: 420px; /* ajustá si querés un poco menos/más */
border: 0;
}
/* En desktop, un poco más de alto */
@media (min-width: 992px) {
.catalogo-iframe {
min-height: 620px; /* subimos un poco, sin ocupar toda la pantalla */
}
}
:root {
--primary: #f2a700;
--primary-dark: #c88400;
--primary-light: #ffd266;
--accent: #000000;
--ink: #0f172a;
--light: #ffffff;
--gray-100: #f5f6f8;
--gray-200: #eceff3;
--gray-300: #d7dde5;
--gray-600: #4b5563;
--gray-700: #374151;
--gray-900: #111827;
--radius: 16px;
--radius-lg: 24px;
--shadow-sm: 0 1px 2px rgba(0,0,0,.06);
--shadow: 0 8px 20px rgba(0,0,0,.08);
--shadow-md: 0 12px 24px rgba(0,0,0,.12);
--shadow-lg: 0 24px 48px rgba(0,0,0,.15);
--transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
--gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-light));
--gradient-dark: linear-gradient(135deg, #000, #333);
--gradient-hero: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
color:var(--ink);
background:var(--light);
line-height:1.6;
overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{font-weight:800;color:var(--gray-900)}
.text-brand{color:var(--primary)}
.bg-brand{background:var(--primary)!important}
.badge-brand{background:var(--primary); color:#000; font-weight:700}
/* Navbar mejorada */
.navbar{
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(0,0,0,0.05);
padding: 1rem 0;
transition: var(--transition);
}
.navbar.scrolled {
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.navbar .navbar-brand{
font-weight:900; letter-spacing:.2px; display:flex; align-items:center; gap:.5rem; color:var(--accent);
}
.navbar .navbar-brand img{height:40px; width:auto; transition: var(--transition);}
.navbar .navbar-brand:hover img {
transform: scale(1.05);
}
.navbar .nav-link{
color:var(--gray-700);
border-radius:10px;
padding:.5rem .9rem !important;
font-weight:600;
position: relative;
transition: var(--transition);
}
.navbar .nav-link::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background: var(--primary);
transition: var(--transition);
transform: translateX(-50%);
}
.navbar .nav-link:hover::after,
.navbar .nav-link.active::after {
width: 70%;
}
.navbar .nav-link:hover{color:var(--accent)}
.navbar .nav-link.active{color:#000; background:linear-gradient(90deg, rgba(242,167,0,.15), rgba(0,0,0,.05))}
/* Botones mejorados */
.btn-primary{
background: var(--gradient-primary);
border:none;
border-radius:var(--radius);
font-weight:800;
color:#000;
box-shadow:var(--shadow);
padding: 0.75rem 1.5rem;
position: relative;
overflow: hidden;
transition: var(--transition);
z-index: 1;
}
.btn-primary::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, var(--primary-dark), var(--primary));
opacity: 0;
transition: var(--transition);
z-index: -1;
}
.btn-primary:hover::before {
opacity: 1;
}
.btn-primary:hover{
transform:translateY(-3px);
box-shadow: var(--shadow-md);
}
.btn-outline-dark{
border:2px solid #000;
color:#000;
border-radius:var(--radius);
font-weight:700;
padding: 0.75rem 1.5rem;
transition: var(--transition);
position: relative;
overflow: hidden;
z-index: 1;
}
.btn-outline-dark::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
transform: translateX(-100%);
transition: var(--transition);
z-index: -1;
}
.btn-outline-dark:hover::before {
transform: translateX(0);
}
.btn-outline-dark:hover{
color:#fff;
transform: translateY(-3px);
box-shadow: var(--shadow);
}
/* Hero base (luego se reemplaza por HERO PRO)*/
.hero{
padding: 7rem 0 5rem;
background: var(--gradient-hero);
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: -50%;
right: -10%;
width: 70%;
height: 200%;
background: radial-gradient(circle, rgba(242,167,0,0.05) 0%, rgba(242,167,0,0) 70%);
z-index: 0;
}
.hero-content {
position: relative;
z-index: 1;
}
.hero .chip{
display:inline-flex;
align-items:center;
gap:.5rem;
padding:.5rem 1rem;
border-radius:999px;
background:rgba(242,167,0,.15);
color:#000;
font-weight:700;
font-size:.9rem;
border:1px solid rgba(0,0,0,.06);
backdrop-filter: blur(10px);
animation: fadeInUp 0.8s ease;
}
.hero h1 {
animation: fadeInUp 0.8s ease 0.2s both;
}
.hero p {
animation: fadeInUp 0.8s ease 0.4s both;
}
.hero .hero-illus{
max-width:520px;
width:100%;
height:auto;
border-radius:var(--radius-lg);
box-shadow:var(--shadow-lg);
transition:var(--transition);
animation: fadeInRight 1s ease 0.6s both;
}
.hero .hero-illus:hover{
transform: translateY(-5px) scale(1.02);
box-shadow: var(--shadow-lg);
}
/* Secciones */
section{padding:4rem 0; position: relative;}
.section-title{
font-size:2.5rem;
font-weight:900;
text-align:center;
margin-bottom:1rem;
position: relative;
display: inline-block;
}
.section-title::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 4px;
background: var(--gradient-primary);
border-radius: 2px;
}
.section-subtitle{
color:var(--gray-600);
text-align:center;
margin:0 auto 3rem;
max-width:760px;
font-size: 1.1rem;
}
/* Cards mejoradas */
.card-modern{
background:#fff;
border:1px solid var(--gray-200);
border-radius:var(--radius-lg);
box-shadow:var(--shadow);
transition:var(--transition);
overflow:hidden;
position: relative;
}
.card-modern::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: var(--gradient-primary);
transform: scaleX(0);
transform-origin: left;
transition: var(--transition);
}
.card-modern:hover::before {
transform: scaleX(1);
}
.card-modern:hover{
transform:translateY(-8px);
box-shadow:var(--shadow-lg);
}
.catalog-iframe{
width:100%;
min-height:400px;
border:0;
border-radius: var(--radius);
display:block;
}
.service-icon{
width:80px;
height:80px;
border-radius:50%;
background:var(--gradient-primary);
display:flex;
align-items:center;
justify-content:center;
color:#000;
font-size:2rem;
box-shadow:var(--shadow);
transition: var(--transition);
}
.service-icon:hover {
transform: rotate(10deg) scale(1.1);
}
.form-control{
border:2px solid var(--gray-200);
border-radius:var(--radius);
padding:.75rem 1rem;
transition: var(--transition);
}
.form-control:focus{
border-color:var(--primary);
box-shadow:0 0 0 3px rgba(242,167,0,.25);
transform: translateY(-2px);
}
.list-check li{
margin:.5rem 0;
display:flex;
gap:.6rem;
align-items: flex-start;
}
.list-check i{
color:var(--primary);
margin-top: 0.25rem;
}
.brand-pill{
display:inline-flex;
align-items:center;
gap:.5rem;
border:1px solid var(--gray-200);
border-radius:999px;
padding:.5rem .9rem;
margin:.4rem;
background:#fff;
box-shadow:var(--shadow-sm);
transition: var(--transition);
}
.brand-pill:hover {
transform: translateY(-3px);
box-shadow: var(--shadow);
}
/* Footer mejorado */
footer{
background: var(--gradient-dark);
color:#cbd5e1;
padding:3rem 0 1.5rem;
position: relative;
}
footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: var(--gradient-primary);
}
footer a{
color:#e5e7eb;
text-decoration:none;
transition: var(--transition);
}
footer a:hover{
color:#fff;
text-decoration:none;
transform: translateX(5px);
}
.footer-bottom{
border-top:1px solid rgba(255,255,255,.1);
margin-top:1.5rem;
padding-top:1.5rem;
}
/* Progress bar mejorada */
.progress-container{
position:fixed;
top:0;
left:0;
width:100%;
height:4px;
z-index:9999;
background: transparent;
}
.progress-bar{
height:4px;
background:var(--gradient-primary);
width:0%;
transition: width 0.3s ease;
box-shadow: 0 0 10px rgba(242, 167, 0, 0.5);
}
/* Acordeón FAQ mejorado */
.accordion-button:not(.collapsed){
background:rgba(242,167,0,.15);
color: #000;
box-shadow: none;
}
.accordion-button:focus {
box-shadow: 0 0 0 0.25rem rgba(242, 167, 0, 0.25);
border-color: var(--primary);
}
/* Animaciones */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInRight {
from { opacity: 0; transform: translateX(30px); }
to { opacity: 1; transform: translateX(0); }
}
.animate-on-scroll {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.animate-on-scroll.animated {
opacity: 1;
transform: translateY(0);
}
/* Marcas mejoradas */
#marcas .brand-card{
background:#fff;
border:1px solid #eceff3;
border-radius:var(--radius-lg);
box-shadow:var(--shadow);
transition:var(--transition);
height:100%;
position: relative;
overflow: hidden;
}
#marcas .brand-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: var(--gradient-primary);
transform: scaleX(0);
transform-origin: left;
transition: var(--transition);
}
#marcas .brand-card:hover::before {
transform: scaleX(1);
}
#marcas .brand-card:hover{
transform:translateY(-8px);
box-shadow:var(--shadow-lg);
}
#marcas .brand-logo-wrap{display:grid;place-items:center;background:#f6f7fb;border:1px solid #e6e9f0;border-radius:var(--radius);padding:1.25rem;min-height:120px;aspect-ratio:4/3;overflow:hidden;transition:var(--transition)}
#marcas .brand-card:hover .brand-logo-wrap {
background: rgba(242, 167, 0, 0.05);
}
#marcas .brand-logo{max-width:100%;width:100%;height:100%;max-height:100%;object-fit:contain;display:block;image-rendering:auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.08)) drop-shadow(0 3px 8px rgba(0,0,0,.06));transition:var(--transition)}
#marcas .brand-card:hover .brand-logo {
transform: scale(1.05);
}
#marcas .brand-fallback{
font-weight:800;
color:#334155;
text-transform:uppercase;
letter-spacing:.2px;
text-align:center;
padding:18px 6px;
width:100%;
}
#marcas .brand-name{
font-weight:800;
letter-spacing:.2px;
margin-top: 1rem;
}
/* Responsive */
@media (max-width: 992px){
.hero{ padding: 6rem 0 4rem }
.hero .hero-illus{
max-width:400px;
margin-top:2rem;
}
}
@media (max-width: 768px){
.section-title { font-size: 2rem; }
section { padding: 4rem 0; }
}
@media (max-width: 576px){
.hero h1{ font-size: 2.1rem }
.hero .chip{ font-size: .85rem }
.hero { padding: 5rem 0 3rem; }
#marcas .brand-logo-wrap{display:grid;place-items:center;background:#f6f7fb;border:1px solid #e6e9f0;border-radius:var(--radius);padding:1.25rem;min-height:120px;aspect-ratio:4/3;overflow:hidden;transition:var(--transition)}
#marcas .brand-logo{max-width:100%;width:100%;height:100%;max-height:100%;object-fit:contain;display:block;image-rendering:auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.08)) drop-shadow(0 3px 8px rgba(0,0,0,.06));transition:var(--transition)}
}
/* --- FIX: marcas responsive sizing --- */
@media (max-width: 576px){
#marcas .brand-logo-wrap{ padding:0.9rem; min-height:88px; }
#marcas .brand-logo{ max-height:100%; }
}
@media (min-width: 577px) and (max-width: 991.98px){
#marcas .brand-logo-wrap{ padding:1rem; min-height:110px; }
}
/* ===== INLINE <style> BLOCK #3 ===== */
/* Quitamos padding lateral SOLO en la sección catálogo para que el iframe no se corte */
#catalogo .container, #catalogo .container-fluid{
padding-left:0 !important;
padding-right:0 !important;
}
/* Iframe full-bleed con 100vw y centrado, sin redondeos (evita corte derecho) */
#catalogo iframe,
iframe.catalog-iframe,
iframe#tienda,
iframe[src*="tienda"],
iframe[src*="store"],
iframe[src*="catalog"],
iframe[src*="shop"]{
width:100vw !important;
max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
display:block !important;
border:0 !important;
border-radius:0 !important;
background:#fff;
}
/* Alturas generosas para mostrar muchos productos sin quedar corto (cross-origin safe) */
@media (max-width:576px){
#catalogo iframe,
iframe.catalog-iframe,
iframe#tienda,
iframe[src*="tienda"],
iframe[src*="store"],
iframe[src*="catalog"],
iframe[src*="shop"]{ min-height:135vh !important; }
}
@media (min-width:576px) and (max-width:991.98px){
#catalogo iframe,
iframe.catalog-iframe,
iframe#tienda,
iframe[src*="tienda"],
iframe[src*="store"],
iframe[src*="catalog"],
iframe[src*="shop"]{ min-height:105vh !important; }
}
@media (min-width:992px){
#catalogo iframe,
iframe.catalog-iframe,
iframe#tienda,
iframe[src*="tienda"],
iframe[src*="store"],
iframe[src*="catalog"],
iframe[src*="shop"]{ min-height:92vh !important; }
}
/* Seguridad */
html, body{overflow-x:hidden}
/* ===== INLINE <style> BLOCK #4 ===== */
@media (max-width: 576px){
.navbar{ padding:.5rem 0 !important; }
.hero{ padding:3.25rem 0 1.5rem !important; }
.hero h1{
font-size:1.8rem !important;
line-height:1.15 !important;
margin:.6rem 0 .75rem !important;
letter-spacing:.1px;
}
.hero .mt-4{ margin-top:1rem !important; }
.hero p.lead{
font-size:1rem !important;
line-height:1.45 !important;
margin-bottom:1rem !important;
}
.hero .chip{
font-size:.8rem !important;
padding:.4rem .8rem !important;
}
.list-check{ margin-bottom:1rem !important; }
.list-check li{
margin:.25rem 0 !important;
gap:.4rem !important;
align-items:flex-start !important;
}
.list-check i{ margin-top:.15rem !important; }
.hero .d-flex{ gap:.5rem !important; }
.hero .btn{ padding:.6rem 1rem !important; }
section{ padding:2.75rem 0 !important; }
}
/* ===== INLINE <style> BLOCK #5 ===== */
/* === Eyebrow label + hero stack compacto === */
.eyebrow{
display:inline-flex;
align-items:center;
gap:.45rem;
padding:.28rem .7rem;
font-size:.85rem;
font-weight:700;
letter-spacing:.15px;
border-radius:999px;
color:#000;
background:linear-gradient(135deg, rgba(242,167,0,.18), rgba(242,167,0,.08));
border:1px solid rgba(0,0,0,.06);
backdrop-filter: blur(6px);
}
.hero .eyebrow{ margin:0 0 .5rem; }
.hero h1{ margin:.2rem 0 .65rem !important; line-height:1.1; }
.hero .lead{ margin:0 0 .9rem !important; }
.hero .list-check{ margin:.2rem 0 .9rem !important; }
.hero .d-flex{ gap:.6rem !important; }
/* ===== INLINE <style> BLOCK #6 ===== */
/* Títulos y subtítulos más cercanos en secciones */
.section-title{ margin-bottom:.4rem !important; }
.section-subtitle{ margin:0 auto 1.6rem !important; }
/* ===== INLINE <style> BLOCK #7 ===== */
/* Hero más compacto en desktop */
@media (min-width: 577px){
.hero{ padding: 5.25rem 0 3.25rem !important; }
}
/* ===== INLINE <style> BLOCK #8 ===== */
#catalogo.section,
section#catalogo {
padding-top: clamp(1.25rem, 1.8vw, 2rem) !important;
padding-bottom: clamp(1.25rem, 1.8vw, 2rem) !important;
scroll-margin-top: 80px;
}
#catalogo .section-title{ margin-bottom:.25rem !important; }
#catalogo .section-subtitle{ margin:0 0 .75rem !important; }
#catalogo iframe,
#catalogo .catalog-iframe{
display:block !important;
}
@media (max-width: 576px){
#catalogo iframe,
#catalogo .catalog-iframe{ min-height: 135vh !important; }
}
@media (min-width: 577px) and (max-width: 991.98px){
#catalogo iframe,
#catalogo .catalog-iframe{ min-height: 115vh !important; }
}
@media (min-width: 992px){
#catalogo iframe,
#catalogo .catalog-iframe{ min-height: 92vh !important; }
}
#catalogo .card-modern{ margin-top:.25rem !important; }
#catalogo .text-center.mt-4{ margin-top:1.25rem !important; }
/* ===== INLINE <style> BLOCK #9 ===== */
section#catalogo:has(.cards),
#catalogo:has(.cards) {
min-height: auto !important;
padding-top: clamp(.8rem, 1.2vw, 1.25rem) !important;
padding-bottom: clamp(.8rem, 1.2vw, 1.25rem) !important;
}
#catalogo .cards { margin-bottom: .75rem !important; }
#catalogo .catalogo-cta,
#catalogo .open-catalog-cta,
#catalogo .btn-open-catalog {
margin-top: .75rem !important;
}
#catalogo .catalog-iframe,
#catalogo iframe {
min-height: auto;
}
@media (max-width: 576px){
#catalogo:has(iframe),
section#catalogo:has(iframe){
min-height: 0;
}
#catalogo:has(iframe) iframe,
section#catalogo:has(iframe) iframe{
min-height: 125vh !important;
}
}
@media (min-width: 992px){
#catalogo:has(.cards) iframe,
section#catalogo:has(.cards) iframe{
min-height: 70vh !important;
}
}
/* ===== INLINE <style> BLOCK #10 ===== */
#catalogo .catalog-iframe,
#catalogo iframe.catalog-iframe {
display: none !important;
min-height: 0 !important;
height: auto !important;
}
#catalogo iframe.catalog-iframe[src*="cat="],
#catalogo iframe.catalog-iframe[src*="categoria"],
#catalogo iframe.catalog-iframe[src*="category"],
#catalogo iframe.catalog-iframe[src*="productos"],
#catalogo iframe.catalog-iframe[src*="producto"],
#catalogo iframe.catalog-iframe[src*="product"],
#catalogo iframe.catalog-iframe[src*="view="]{
display: block !important;
}
@media (max-width: 576px){
#catalogo iframe.catalog-iframe[src]{ min-height: 125vh !important; }
}
@media (min-width: 577px) and (max-width: 991.98px){
#catalogo iframe.catalog-iframe[src]{ min-height: 105vh !important; }
}
@media (min-width: 992px){
#catalogo iframe.catalog-iframe[src]{ min-height: 85vh !important; }
}
section#catalogo, #catalogo.section {
padding-top: clamp(.5rem, .9vw, 1rem) !important;
padding-bottom: clamp(.6rem, 1vw, 1.1rem) !important;
}
#catalogo .open-catalog-cta,
#catalogo .btn-open-catalog,
#catalogo .catalogo-cta{
margin-top: .5rem !important;
}
/* ===== INLINE <style> BLOCK #11 ===== */
#catalogo .catalog-iframe,
#catalogo iframe.catalog-iframe {
display: block !important;
width: 100% !important;
border: 0;
}
@media (max-width: 576px){
#catalogo iframe.catalog-iframe{ min-height: 120vh !important; }
}
@media (min-width: 577px) and (max-width: 991.98px){
#catalogo iframe.catalog-iframe{ min-height: 100vh !important; }
}
@media (min-width: 992px){
#catalogo iframe.catalog-iframe{ min-height: 60vh !important; }
}
section#catalogo, #catalogo.section {
padding-top: clamp(.6rem, 1vw, 1.1rem) !important;
padding-bottom: clamp(.6rem, 1vw, 1.1rem) !important;
}
/* ===== INLINE <style> BLOCK #12 ===== */
section#catalogo .container,
#catalogo.section .container {
max-width: 1200px;
margin-left: auto !important;
margin-right: auto !important;
}
#catalogo .section-title,
#catalogo .section-subtitle {
text-align: center !important;
}
#catalogo .cards {
display: grid !important;
gap: 1.1rem;
justify-content: center;
align-content: start;
}
@media (min-width: 1200px){
#catalogo .cards { grid-template-columns: repeat(4, minmax(240px, 1fr)); }
}
@media (min-width: 992px) and (max-width: 1199.98px){
#catalogo .cards { grid-template-columns: repeat(3, minmax(260px, 1fr)); }
}
@media (min-width: 768px) and (max-width: 991.98px){
#catalogo .cards { grid-template-columns: repeat(2, minmax(260px, 1fr)); }
}
@media (max-width: 767.98px){
#catalogo .cards { grid-template-columns: 1fr; }
}
#catalogo .card,
#catalogo .card-modern {
width: 100%;
max-width: 290px;
margin-left: auto;
margin-right: auto;
}
#catalogo iframe.catalog-iframe {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
/* ===== INLINE <style> BLOCK #13 ===== */
section#catalogo .container,
#catalogo.section .container {
display: block !important;
width: min(1200px, 100%) !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
#catalogo .row,
#catalogo .row-2,
#catalogo .row-3,
#catalogo .row-4 {
display: block !important;
width: 100% !important;
margin: 0 auto !important;
}
#catalogo .cards {
display: grid !important;
width: 100% !important;
gap: 1.1rem;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
justify-items: stretch;
align-items: stretch;
justify-content: center;
}
#catalogo .card,
#catalogo .card-modern {
max-width: none !important;
min-width: 260px;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#catalogo iframe.catalog-iframe {
display: block !important;
width: min(1200px, 100%) !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* ===== INLINE <style> BLOCK #14 ===== */
#catalogo iframe.catalog-iframe,
#catalogo iframe#tiendaFrame{
display:block !important;
width:100% !important;
border:0 !important;
overflow:hidden !important;
}
@media (max-width: 576px){
#catalogo iframe#tiendaFrame{ min-height: 140vh !important; }
}
@media (min-width: 577px) and (max-width: 991.98px){
#catalogo iframe#tiendaFrame{ min-height: 115vh !important; }
}
@media (min-width: 992px){
#catalogo iframe#tiendaFrame{ min-height: 95vh !important; }
}
/* ===== INLINE <style> BLOCK #15 ===== */
#tienda-inline{
padding-top: 2rem;
padding-bottom: 2rem;
}
#tienda-inline .container{
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#tienda-inline .card-modern{
padding: 0.75rem;
background: #f6f7f9;
border-radius: var(--radius-lg, 24px);
box-shadow: var(--shadow, 0 8px 20px rgba(0,0,0,.08));
overflow: hidden;
border: 1px solid var(--gray-200, #eceff3);
}
#tienda-inline iframe#tienda2Inline{
display: block !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
border: 0 !important;
border-radius: var(--radius-lg, 24px);
background: #fff;
height: 520px !important;
overflow: hidden;
}
#tienda-inline iframe#tienda2Inline[src*="tienda"]{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
min-height: 0 !important;
}
#tienda-inline .section-title,
#tienda-inline .section-subtitle {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* ===== INLINE <style> BLOCK #16 ===== */
#catalogo .container{
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#catalogo .card-modern{
padding: 0.75rem;
background: #f6f7f9;
border-radius: var(--radius-lg, 24px);
box-shadow: var(--shadow, 0 8px 20px rgba(0,0,0,.08));
overflow: hidden;
border: 1px solid var(--gray-200, #eceff3);
}
#catalogo iframe.catalog-iframe,
#catalogo iframe#tiendaFrame{
display: block !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
border: 0 !important;
border-radius: var(--radius-lg, 24px);
background: #fff;
height: 520px !important;
overflow: auto !important;
}
@media (max-width: 9999px){
#catalogo iframe#tiendaFrame{
min-height: 0 !important;
}
}
/* ===== INLINE <style> BLOCK #17 ===== */
@media (min-width: 992px){
section#catalogo,
#catalogo.section {
padding-top: 1.8rem !important;
padding-bottom: 1.8rem !important;
min-height: auto !important;
}
section#alquiler {
padding-top: 2.5rem !important;
padding-bottom: 2.8rem !important;
}
/* Evitar que reglas anteriores le metan min-height exagerado al iframe */
#catalogo iframe#tiendaFrame,
#catalogo iframe.catalog-iframe {
min-height: 0 !important;
}
}
/* ===== INLINE <style> BLOCK #18 ===== */
.hero-pro{
position: relative;
padding: clamp(3.25rem, 6vw, 6rem) 0 clamp(1.75rem, 3vw, 3rem);
background: var(--gradient-hero, linear-gradient(135deg, #ffffff 0%, #f8fafc 100%));
overflow: hidden;
}
.hero-pro::before{
content:"";
position:absolute; inset:-20% -10% auto auto;
width:70%; height:70%;
background: radial-gradient(circle at 70% 30%, rgba(242,167,0,.10), rgba(242,167,0,0) 60%);
pointer-events:none;
}
.hero-pro__content{ position: relative; z-index: 1; }
.hero-pro__eyebrow{
display:inline-flex; align-items:center; gap:.45rem;
padding:.3rem .75rem; font-weight:700; font-size:.9rem;
color:#000; border-radius:999px;
background:linear-gradient(135deg, rgba(242,167,0,.18), rgba(242,167,0,.08));
border:1px solid rgba(0,0,0,.06);
backdrop-filter: blur(6px);
margin:0 0 .5rem;
}
.hero-pro__title{
margin:.2rem 0 .6rem; line-height:1.1;
font-weight:900; font-size:clamp(1.9rem, 3.2vw, 2.75rem);
}
.hero-pro__lead{
margin:0 0 1rem;
font-size:clamp(1rem, 1.2vw, 1.125rem);
line-height:1.5; color:var(--gray-700, #374151);
max-width: 52ch;
}
.hero-pro__bullets{ margin:.2rem 0 1rem; }
.hero-pro__bullets li{
display:grid; grid-template-columns: 22px 1fr;
column-gap:.55rem; row-gap:.45rem;
align-items:flex-start;
padding:.25rem 0;
}
.hero-pro__bullets i{
color:var(--primary, #f2a700);
font-size:1.05rem; line-height:1.2;
margin-top:.1rem;
}
.hero-pro__bullets span{ line-height:1.45; }
.hero-pro__image{
max-width:520px; width:100%; height:auto;
border-radius: var(--radius-lg, 24px);
box-shadow: var(--shadow-lg, 0 24px 48px rgba(0,0,0,.15));
transition: transform .25s ease, box-shadow .25s ease;
}
.hero-pro__image:hover{ transform: translateY(-4px) scale(1.015); }
.hero-pro__cta .btn{ padding:.65rem 1.1rem; }
@media (max-width: 576px){
.hero-pro__cta{ gap:.6rem !important; }
.hero-pro__cta .btn{ width:100%; }
}
@media (max-width: 576px){
.hero-pro{ padding: 3rem 0 1.4rem; }
.hero-pro__title{ font-size:1.85rem; margin:.3rem 0 .6rem; }
.hero-pro__lead{ font-size:1rem; margin-bottom:.9rem; }
.hero-pro__bullets{ margin-bottom:.9rem; }
.hero-pro__bullets li{ padding:.15rem 0; }
}
/* ===== INLINE <style> BLOCK #19 ===== */
#tiendaFrame {
width: 100% !important;
max-width: 100% !important;
height: 1800px !important;
min-height: 1800px !important;
border: 0 !important;
overflow: auto !important;
display: block !important;
}
/* ===== INLINE <style> BLOCK #20 ===== */
.site-footer .footer-link{
color:#fff; text-decoration:none; transition:opacity .2s ease;
}
.site-footer .footer-link:hover{ opacity:.7; }