@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Open+Sans:wght@400;600&display=swap');

/* ===== ML Fabrica de Fuelles - estilo 2026 ===== */
:root{--navy:#1b2a6b;--blue:#1f6fb8;--sky:#29abe2;--orange:#f07a1e;--orange2:#ff9440;--light:#f3f6fb;--text:#2b3245}

body{font-family:'Open Sans',Helvetica,Arial,sans-serif !important;color:var(--text) !important;background:#fff}
h1,h2,h3,h4,.navbar a,.text-wrapper p,.box .text span,.carousel-caption{font-family:'Montserrat',Helvetica,Arial,sans-serif !important}

/* --- Menu --- */
nav.navbar-web{background:#fff !important;border-top:5px solid var(--orange) !important;box-shadow:0 4px 18px rgba(27,42,107,.10)}
nav.navbar-web li.link a{color:var(--navy) !important;font-weight:700 !important;letter-spacing:.06em;font-size:13px !important;padding-bottom:6px;border-bottom:3px solid transparent;transition:all .2s}
nav.navbar-web li.link a:hover,nav.navbar-web li.link a.active{color:var(--orange) !important;border-bottom-color:var(--orange);text-decoration:none}
nav .wrapper ul li.image{width:200px}
nav display-image img{width:90px !important;height:90px !important;object-fit:contain;margin:0 auto}
nav .navbar-brand display-image img{width:40px !important;height:40px !important}

/* --- Carrusel --- */
.carousel .item{position:relative}
.carousel .item:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,42,107,.05) 30%,rgba(27,42,107,.75) 100%);pointer-events:none}
.carousel-caption{z-index:2;font-weight:800 !important;letter-spacing:.04em;text-shadow:0 3px 14px rgba(0,0,0,.45)}
.carousel-caption h1,.carousel-caption h2,.carousel-caption h3{font-weight:800 !important}
.carousel-caption:after{content:'';display:block;width:70px;height:4px;background:var(--orange);margin:12px auto 0;border-radius:2px}
.carousel-indicators li{border-color:#fff !important}
.carousel-indicators .active{background:var(--orange) !important;border-color:var(--orange) !important}

/* --- Franja azul --- */
.text-wrapper{background:linear-gradient(90deg,var(--navy) 0%,var(--blue) 100%) !important;border-bottom:5px solid var(--orange)}
.text-wrapper p{font-weight:800 !important;letter-spacing:.05em}

/* --- Botones de la portada --- */
.buttons{background:var(--light);padding-top:40px !important;padding-bottom:40px !important}
.buttons .box{background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%) !important;border-radius:16px !important;box-shadow:0 10px 26px rgba(27,42,107,.22);transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer;border-bottom:5px solid var(--orange)}
.buttons .box:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(27,42,107,.30);background:linear-gradient(135deg,var(--orange) 0%,var(--orange2) 100%) !important;border-bottom-color:var(--navy)}
.buttons .box .text span{font-weight:700 !important;letter-spacing:.03em}

/* --- Titulos de secciones --- */
.empresa h1,.contacto h1,.description h1,.container h1{color:var(--navy) !important;font-weight:800 !important;text-transform:none}
.empresa h1:after,.contacto h1:after,.description h1:after{content:'';display:block;width:56px;height:4px;background:var(--orange);margin-top:10px;border-radius:2px}
.empresa .text p{font-size:15px;line-height:1.75;color:var(--text)}
.empresa display-image img,.row-images display-image img{border-radius:14px;box-shadow:0 10px 26px rgba(27,42,107,.18)}
.video-ml{margin:30px 0}
.video-ml iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;box-shadow:0 10px 26px rgba(27,42,107,.18)}

/* --- Formularios y botones --- */
.form-control{border-radius:10px !important;border:1px solid #cdd6e6 !important;box-shadow:none !important;padding:10px 14px !important;height:auto !important}
.form-control:focus{border-color:var(--sky) !important;box-shadow:0 0 0 3px rgba(41,171,226,.18) !important}
.btn,button[type=submit],input[type=submit]{background:var(--orange) !important;border:0 !important;color:#fff !important;border-radius:10px !important;font-family:'Montserrat',sans-serif !important;font-weight:700 !important;letter-spacing:.04em;padding:10px 22px !important;transition:background .2s}
.btn:hover,button[type=submit]:hover,input[type=submit]:hover{background:var(--navy) !important}

/* --- Pie --- */
.footer{background:var(--navy) !important;border-top:5px solid var(--orange) !important;padding:30px 0 12px !important}
.footer h1{color:#fff !important;font-weight:800 !important}
.footer p{color:#dfe5f5 !important}
.footer .row.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:20px;padding-top:12px;color:#b9c3e0 !important}
.footer .wrapper-icon,.footer .wrapper-icon .icon{width:40px !important;height:40px !important}
.footer .wrapper-icon .icon{background:var(--orange) !important;border-radius:10px !important;transition:background .2s}
.footer .wrapper-icon:hover .icon{background:var(--sky) !important}
.footer .wrapper-icon i{font-size:22px !important;line-height:40px !important;margin:0 !important;width:100% !important;text-align:center;color:#fff !important}
display-image[code="footer_logo_fiscal"] img{width:90px !important;height:auto !important;border-radius:6px}

/* --- WhatsApp --- */
#whatsapp{border-radius:50% 0 0 50% !important;box-shadow:0 6px 18px rgba(0,0,0,.25)}

/* --- Productos --- */
.pedir .form-control{padding:4px 8px !important;height:34px !important;border-radius:8px !important}
.fa-cart-plus{color:var(--orange) !important;transition:color .2s}
.fa-cart-plus:hover{color:var(--navy) !important}
.resultados-carrito{border-top:4px solid var(--navy) !important}
.row.producto{transition:background .2s}
.row.producto:hover{background:var(--light)}
.carrito{background:var(--light) !important}
.carrito > .row:first-child{background:var(--navy);color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;padding:12px 0;margin:0 -15px 10px !important;border-bottom:4px solid var(--orange)}

/* --- Espaciado y formularios --- */
.form-control{background:#fff !important}
form .form-control{margin-bottom:10px !important}
.distribuidores,.contacto,.empresa,.novedades{padding-top:50px !important;padding-bottom:50px !important}
.carousel .item{cursor:pointer}.ver-mas{display:inline-block;margin-top:10px;background:#f07a1e;color:#fff;padding:10px 24px;border-radius:30px;font-weight:700;font-size:14px;text-shadow:none}
.resultados-carrito .carrito,.resultados-carrito .acciones.pedido,.pedir{display:none !important}
.resultados-carrito .resultados,.resultados-carrito .acciones{width:100% !important}.row.fuelles .descripcion{width:83.33% !important}
.ver-mas{font-family:Montserrat,sans-serif;letter-spacing:.06em;transition:background .2s}.carousel .item:hover .ver-mas{background:#1b2a6b}
@media (max-width:767px){.carousel-caption{bottom:26px !important;padding-bottom:0 !important}}
@media (max-width:767px){.carousel-caption h1{font-size:18px !important;margin:0 0 6px !important}}
@media (max-width:767px){.carousel-caption:after{display:none}.ver-mas{padding:6px 14px;font-size:11px}}
@media (max-width:767px){.carousel-indicators{bottom:2px !important;margin-bottom:0 !important}}
@media (max-width:767px){.text-wrapper p{font-size:20px !important}}
@media (max-width:767px){.carousel-indicators{display:none !important}}
@media (max-width:767px){nav .navbar-brand.logo{display:flex !important;align-items:center;gap:10px;white-space:nowrap}}
@media (max-width:767px){nav .navbar-brand.logo display-image{flex:0 0 40px;display:block}}
@media (max-width:767px){nav .navbar-brand.logo:after{content:"F\0000e1brica de Fuelles";color:#1b2a6b;font:700 16px Montserrat,sans-serif}}
nav li:has(> a[ui-sref="distribuidores"]){display:none !important}
nav.navbar-web li.link:has(> a[ui-sref="home"]){display:none !important}nav.navbar-web .wrapper ul{text-align:center !important}
.intro-contacto{margin-bottom:30px}.intro-contacto p{font-size:15px;line-height:1.7}
@media (max-width:767px){.text-wrapper{margin-bottom:0 !important}.buttons{margin-top:0 !important;padding-top:16px !important;padding-bottom:16px !important}}

/* --- Novedades (listado) --- */
.novedades .noticia-wrapper{background:#fff;border-radius:16px;box-shadow:0 10px 26px rgba(27,42,107,.14);overflow:hidden;margin-bottom:30px;border-bottom:5px solid #f07a1e;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.novedades .noticia-wrapper:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(27,42,107,.22)}
.novedades .title-wrapper{background:linear-gradient(135deg,#1b2a6b,#1f6fb8);padding:18px 20px 14px;height:auto !important;min-height:96px}
.novedades .title-wrapper .title{font-family:Montserrat,sans-serif !important;font-weight:800;font-size:20px;line-height:1.25 !important;height:auto !important;color:#fff !important;margin:0 0 6px}
.novedades .title-wrapper a:hover{text-decoration:none}
.novedades .title-wrapper .fecha{display:inline-block;background:#f07a1e !important;color:#fff !important;opacity:1 !important;font-family:Montserrat,sans-serif;font-weight:700;font-size:12px;letter-spacing:.05em;padding:3px 10px;border-radius:20px;margin:0}
.novedades .img-wrapper{background:#f3f6fb;padding:20px;text-align:center}
.novedades .img-wrapper img{max-width:100%;height:auto;max-height:280px;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.novedades .copete-wrapper{padding:16px 20px 0}
.novedades .copete-wrapper p{font-size:16px;line-height:1.6;color:#2b3245;font-weight:600}
.novedades .more-button{padding:6px 20px 20px;text-align:center}
.novedades .more-button .btn{padding:10px 28px !important;border-radius:30px !important}

/* --- Novedades (detalle) --- */
.noticia-view{padding-top:40px;padding-bottom:50px}
.noticia-view .carousel .item:after{display:none}
.noticia-view .carousel .item{cursor:default}
.noticia-view .carousel{border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(27,42,107,.18);margin:16px 0 24px}
.noticia-view .title-new,.noticia-view .title-new h1{height:auto !important;line-height:1.25 !important}
.noticia-view .title-new h1{font-family:Montserrat,sans-serif !important;font-weight:800 !important;font-size:30px !important;color:#1b2a6b !important;margin-bottom:10px}
.noticia-view .fecha{display:inline-block;background:#f07a1e !important;color:#fff !important;opacity:1 !important;font-family:Montserrat,sans-serif;font-weight:700;font-size:12px;padding:3px 10px;border-radius:20px}
.noticia-view .title-new .fecha{margin-top:4px}
.noticia-view .body-new,.noticia-view .body-new p{font-size:17px;line-height:1.75;color:#2b3245}
.noticia-view .body-new b,.noticia-view .body-new strong{color:#1b2a6b}
.noticia-view .side-wrapper{background:#f3f6fb;border-radius:16px;padding:20px;margin-top:16px}
.noticia-view .side-wrapper h6{font-family:Montserrat,sans-serif;font-weight:800;font-size:16px;color:#1b2a6b;text-transform:uppercase;letter-spacing:.05em;margin:0}
.noticia-view .side-wrapper hr{border-top:3px solid #f07a1e;width:50px;margin:10px 0 16px}
.noticia-view .last-news{background:#fff;border-radius:12px;padding:10px 0;margin:0 0 12px !important;box-shadow:0 4px 12px rgba(27,42,107,.08)}
.noticia-view .last-news .titulo{font-family:Montserrat,sans-serif;font-weight:700;color:#1b2a6b;font-size:14px;margin-bottom:6px}
.noticia-view .last-news img{border-radius:8px}
.noticia-view .last-news a:hover{text-decoration:none}
@media (max-width:767px){.acciones .hidden-sm.hidden-md.hidden-lg{display:none !important}.acciones .btn{white-space:normal !important;font-size:13px !important}}
@media (max-width:767px){.resultados .wrapper{width:auto !important;min-width:0 !important}}
@media (max-width:767px){.resultados .row.top{display:none !important}}
@media (max-width:767px){.row.producto{display:flex;flex-wrap:wrap;margin:0 0 12px !important}}
@media (max-width:767px){.row.producto{padding:12px 4px !important;border-bottom:1px solid #e3e8f2}}
@media (max-width:767px){.row.producto img{max-width:100%;height:auto}}
@media (max-width:767px){.row.producto>.col-xs-2:first-child{width:38% !important}}
@media (max-width:767px){.row.producto>.col-xs-2.col{width:62% !important}}
@media (max-width:767px){.row.producto>.caract{width:100% !important;margin-top:8px}}
@media (max-width:767px){.row.producto .codigos{width:28% !important;font-weight:700;color:#1b2a6b}}
@media (max-width:767px){.row.producto .descripcion{width:72% !important}}
@media (max-width:767px){.resultados{height:auto !important;overflow:visible !important}}
@media (max-width:767px){.resultados-carrito,.resultados,.resultados .wrapper,.row.producto{max-width:100% !important}}
@media (max-width:767px){html,body,.productos{overflow-x:hidden !important}}
@media (max-width:767px){input,select,textarea,.form-control{font-size:16px !important}}