/******************************************************************
Theme Name: eTips Chile
Theme URI: https://etips.cl
Description: Sitio construido por eTips Chile
Author: eTips Chile (Jorge Louis Fernandez Heredia)
Author URI: https://etips.cl
Version: 1.0
*/
@import "estilos-xl.etips.css";
@import "estilos-lg.etips.css";
@import "estilos-md.etips.css";
@import "estilos-sm.etips.css";
@import "estilos-xs.etips.css";

:root {
  --blanco:#ffffff;
  
  --negro:#000000;
  
  --marron-00:#a36200;
  
  --verde-wp:#25D366;
}

html,body{height:100%;font-size:14px;font-family:'Lato',sans-serif;/*background-image:url('../images/webbg.png');*/}
*:focus{outline:none !important;border:0px !important;-webkit-box-shadow:none !important;box-shadow:none !important;}
a,button,input,input:focus{outline:none !important;-moz-outline-style:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}
a{text-decoration:none !important;}

/* INICIO: Landing */
.body-landing{color:#fff;background-color:#4f9ff1;}
.body-landing a{color:#fff;}
.body-landing a:hover{color:#fad000;}
.body-landing a.pais{font-size:1.2rem !important;font-weight:400;}
.body-landing h2{font-weight:900;}
/* FIN: Landing */

/* INICIO: Cabecera */
#navMenuTop{padding-top:10px;padding-bottom:10px;font-size:16px;background-color:rgb(49,30,20,0.3);justify-content:space-between;font-family:'Lato', sans-serif;}
#navMenuTop .navbar-brand{padding-top:10px;padding-bottom:0px;font-size:0;line-height:0;}
#navMenuTop .navbar-brand img{width:220px;}
#navMenuTop .navbar-toggler{color:rgba(255,255,255,.8);border:0;}
.navbarscroll{background-color:rgb(49,30,20,1) !important;transition: all .4s ease-in-out;}
#menuCompleto{position:relative;padding-top:25px;padding-bottom:0;padding-right:0;}
#menuCompleto li a{padding-left:15px;padding-right:15px;color:#fff;text-decoration:none;}
#menuCompleto li a:hover{color:#f9bc9f;text-decoration:none;}
#menuCompleto li.active a{color:#f9bc9f;}
#menuCompleto .nav-link{padding:0px;padding-left:15px;}
#menuCompleto .box-menu-lista{right:-14px;left:auto;margin-top:10px;padding-top:0;padding-bottom:0;min-width:150px;border:0;border-top-left-radius:0;border-top-right-radius:0;background-color:#d5ebff;}
#menuCompleto .box-menu-lista .menu-section{padding-top:10px;padding-bottom:10px;}
#menuCompleto .box-menu-lista .lnkMenu:first-child{border-top:0;}
#menuCompleto .box-menu-lista .lnkMenu{padding-top:5px;padding-bottom:5px;padding-right:28px !important;/*border-top:1px solid #fff;*/font-size:12px !important;color:#3c63ae !important;background-color:transparent !important;}
#menuCompleto .box-menu-lista .lnkMenu:hover{color:#333 !important;}
#menuCompleto .box-menu-lista-izq{left:0;right:auto;}
.menu-redes{position:absolute;top:-5px;right:0px;}
#menuCompleto .menu-redes{font-size:1rem;}
/* FIN: Cabecera */

/* INICIO: Cuerpo */
.cuerpo{margin-top:0px;/*background-color:red;*/}
.formSignInUp{margin:auto;padding:15px;padding-top:80px;width:100%;max-width:330px;}
.custom-select{overflow-x:hidden;}
.form-control:focus{color:#495057;border:1px solid #80bdff !important;}
.custom-select:focus{border: 1px solid #ced4da!important;}

.area-cotiza{color:#fff;background-image:url(/assets/images/piso-deck-cotiza-graits-footer.webp);background-size:cover;}
/* FIN: Cuerpo */

/* INICIO: Banner */
.contenedor-slider-desktop{height:100vh;}
#carouselDesktop .carousel-caption{left:0;right:0;bottom:20%;margin:0 auto;width:70%;text-align:left;}
#carouselDesktop .carousel-caption .titulo{padding-bottom:10px;font-size:43px;line-height:43px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselDesktop .carousel-caption .lead{font-size:20px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselDesktop .carousel-caption .precio{font-size:30px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselDesktop .carousel-caption .espec{}
#carouselDesktop .carousel-indicators{bottom:3%;}

#carouselMobile .carousel-caption{left:0;right:0;bottom:5%;margin:0 auto;width:80%;text-align:left;}
#carouselMobile .carousel-caption .titulo{font-size:22px;line-height:22px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselMobile .carousel-caption .lead{font-size:14px;line-height:16px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselMobile .carousel-caption .precio{font-size:22px;line-height:35px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselMobile .carousel-caption .espec{font-size:12px;line-height:12px;}
#carouselMobile .carousel-indicators{bottom:0%;}

.cover-item-01{background-image:url(/assets/images/slider/banner-black-friday.png);background-size:cover;background-repeat:no-repeat;}
.cover-item-02{background-image:url(/assets/images/slider/revestimientos-de-exterior-para-fachadas-slide-02.webp);background-size:cover;background-repeat:no-repeat;}
.cover-item-03{background-image:url(/assets/images/slider/revestimiento-exterior-modelo-hb030-slide-03.webp);background-size:cover;background-repeat:no-repeat;}
.cover-item-04{background-image:url(/assets/images/slider/revestimiento-de-pared-exterior-slide-04.webp);background-size:cover;background-repeat:no-repeat;}
.cover-item-05{background-image:url(/assets/images/slider/revestimiento-de-muro-slide-05.webp);background-size:cover;background-repeat:no-repeat;}
/*
.cover-item-01-mobile{background-image:url(/assets/images/slider/slide-01-mobile.jpg);background-size:100%;background-repeat:no-repeat;}
.cover-item-02-mobile{background-image:url(/assets/images/slider/slide-02-mobile.jpg);background-size:100%;background-repeat:no-repeat;}
.cover-item-03-mobile{background-image:url(/assets/images/slider/slide-03-mobile.jpg);background-size:100%;background-repeat:no-repeat;}
.cover-item-04-mobile{background-image:url(/assets/images/slider/slide-04-mobile.jpg);background-size:100%;background-repeat:no-repeat;}
.cover-item-05-mobile{background-image:url(/assets/images/slider/slide-05-mobile.jpg);background-size:100%;background-repeat:no-repeat;}
*/
/* FIN: Banner */

/* INICIO: catálogo */
.cover-catalogo .texto-catalogo{max-width:80%;color:#fff;}
.cover-catalogo{display:flex !important;align-items:center !important;justify-content:center;background-image:url(/assets/images/apps/04-app.jpg);background-size:cover;background-repeat:no-repeat;}
.cover-catalogo-mobile{background-image:url(/assets/images/apps/04-app-mobile.jpg);background-size:100%;background-repeat:no-repeat;}

.cover-ficha .texto{max-width:80%;color:#fff;}
.cover-ficha{display:flex !important;align-items:center !important;justify-content:center;
  background:
  linear-gradient(135deg, #000000 21px, #222 22px, #222 24px, transparent 24px, transparent 67px, #222 67px, #222 69px, transparent 69px),
  linear-gradient(225deg, #000000 21px, #222 22px, #222 24px, transparent 24px, transparent 67px, #222 67px, #222 69px, transparent 69px) 0 64px;
  background-color:#000000;
  background-size: 64px 128px;
}
.cover-ficha-mobile{}
/* FIN: catálogo */

/* INICIO: Cuerpo */
.featured-section{padding-top:50px;padding-bottom:50px;line-height:1.5;color:#555;}
.featured-section .titulo{margin-bottom:25px;font-size:50px;line-height:50px;font-weight:400;color:#333;}
.featured-section .subtitulo{margin-bottom:5px;font-size:30px;line-height:30px;font-weight:400;color:#333;}
.featured-section .lead{margin:0 auto;margin-bottom:20px;max-width:80%;font-size:18px;line-height:22px;}

.cover-section{line-height:1.5;color:#fff;}
.cover-section .titulo{margin-bottom:25px;font-size:50px;line-height:50px;font-weight:400;color:#fff;}
.cover-section .subtitulo{margin-bottom:5px;font-size:30px;line-height:30px;font-weight:400;color:#fff;}
.cover-section .lead{margin:0 auto;margin-bottom:20px;max-width:80%;font-size:18px;line-height:22px;}

.card-product:hover{box-shadow:0 10px 28px rgba(0,0,0,.12), 0 0 18px rgba(214,195,106,.18);transition: box-shadow .35s ease;}

h1.page-header,
.h1.page-header{font-size:3rem;line-height:3rem;}
h1.header-menor,
.h1.header-menor{font-size:2.2rem;line-height:2.3rem;}
h2.page-header{font-size:2.5rem;line-height:2.5rem;}

h1.slogan{font-size:1.5rem;}
h2.slogan{font-size:1.2rem;line-height:1.25rem;}
h3.slogan{font-size:0.9rem;line-height:0.95rem;}

#producto{width:inherit !important;}

.half-rule{margin:40px auto;width:100px;}
.mapa-contacto{height:250px;}
.redes-gris{font-size:22px;}
.redes-gris a{color:#aaa;}
.redes-gris a:hover{color:#333;}

.box-cabecera-seccion{position:relative;}
.box-cabecera-seccion .rotulo{position:absolute;right:10rem;bottom:4rem;color:#ffffff;}
.box-cabecera-seccion .rotulo .linea-01{font-size:2.5rem;line-height:2.5rem;text-align:right;}
.box-cabecera-seccion .rotulo .linea-02{font-size:10rem;line-height:10rem;text-align:right;}
.box-cabecera-seccion .rotulo .linea-03{font-size:2.5rem;line-height:2.5rem;text-align:right;}
.banner-interno{border-bottom: 3px solid #666;}

.mini-ficha-producto.nombre{font-size:1.3rem;}

.col-precio{width:100px;}

.txt-cyber{color:#225fee;font-weight:bold;}
.label-cyber{color:var(--blanco);font-weight:bold;background-image:linear-gradient(to right, red, blue);}
.label-blackfriday{color:var(--blanco);font-weight:bold;background-image:linear-gradient(to right, black, purple);}
.box-dcto-producto{padding-left:1rem;padding-right:1rem;font-size:120%;font-weight:bold;color:#ffffff;background-color:#ff0000;}

#modZonasAtencion .modal-body{padding:0;background-image: url(/assets/images/bg-wp.webp);}
#modZonasAtencion .modal-body .cabecera{padding:0.5rem;background-color:var(--blanco);}
#modZonasAtencion .modal-body .cabecera .logo img{height:2.5rem;}
#modZonasAtencion .modal-body .cabecera .iconos *{color:#333333;}
#modZonasAtencion .modal-body .cabecera .iconos .fa-solid{cursor:pointer;}
#modZonasAtencion .modal-body .cabecera .fa-phone{position:relative;top:0.2rem;font-size:1.5rem;line-height:1.5rem;}
#modZonasAtencion .modal-body .cabecera .cerrar{font-size:1.8rem;line-height:1.8rem;}

#modZonasAtencion .modal-body .cuerpo{padding-left:1.5rem;padding-right:1.5rem;}
#modZonasAtencion .modal-body .cuerpo .burbuja{margin-top:2.5rem;margin-bottom:2.5rem;padding:1rem;border-radius:1rem;background-color:var(--blanco);}
#modZonasAtencion .modal-body .cuerpo .burbuja .zona{font-size:1.3rem;line-height:1.4rem;padding-bottom:1rem;border-bottom:1px solid #efefef;}
#modZonasAtencion .modal-body .cuerpo .burbuja .zona .titulo{margin-top:1rem;font-weight:bold;}

/* FIN: Cuerpo */

.slim-small-text{font-size:0.8rem;line-height:0.8rem;}

/* INICIO: Utilitarios */
.alert{margin-bottom:0px !important;}
.icon-30{font-size:30px;line-height:30px;}
#modalBoxSpinner .modal-content{border:0;background-color:transparent;}
#modalBoxSpinner .spinner-border{margin:0 auto;}
.spinner-loading{color:#fff;}
.has-success input,.has-success .custom-select{background-color:#dff0d8 !important;}
.has-success textarea{background-color:#dff0d8;}
.has-success .help-block{color:#0f0;}
.has-error input,.has-error .custom-select{background-color:#ffd5d5 !important;}
.has-error textarea{background-color:#ffd5d5;}
.has-error .help-block{color:#f00;}
.exito{background-color:#dff0d8 !important;}
.exito i.fas{font-size:30px;color:#3c763d;}
.error{background-color:#f2dede !important;}
.error i.fas{font-size:30px;color:#a94442;}
.color-azul{color:#2b2d6f;}
.bt-1-white{border-top:1px solid #fff !important;}
.bb-1-white{border-bottom:1px solid #fff;}
.bt-1-gris{border-top:1px solid #aaa !important;}
.bt-3-gris{border-top:3px solid #666;}
.bb-3-gris{border-bottom:3px solid #666;}
.bgc-madera-clara{background-color:#fdd9b4;}
.half-rule{width:100px;margin:40px auto;}

.text-marron-00{color:var(--marron-00);}
.text-verde-wp{color:var(--verde-wp);}
/* FIN: Utilitarios */

@media (min-width: 768px) and (max-width: 1023px){
  #navMenuTop{background-color:rgb(49,30,20,1);}
  .menu-sections li{padding-top:10px;}
  .menu-sections li a{padding-left:10px !important;}
  .menu-sections li.active a{padding-left:5px !important;}
  .menu-sections li.active a:before{position:relative;display:inline-block;top:-1px;left:-10px;width:0;height:0;border-width: 4px 0 4px 5px;border-color: transparent #f9bc9f;border-style: solid;color: #f9bc9f;content: "";}
  .menu-redes{flex-direction:row-reverse;padding-top:0px;padding-bottom:10px;}
  .menu-redes li a{padding-left:0 !important;}
  .cuerpo{margin-top:62px;}
  #boxMenuTop .box-menu-lista{position:absolute;}
  #carouselDesktop .carousel-caption{left:0;right:0;bottom:20%;margin:0 auto;width:70%;text-align:left;}
  #carouselDesktop .carousel-caption .titulo{font-size:33px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
  #carouselDesktop .carousel-caption .lead{font-size:14px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
  #carouselDesktop .carousel-caption .precio{font-size:20px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
  #carouselDesktop .carousel-caption .espec{}
  #carouselDesktop .carousel-indicators{bottom:3%;}
  .cover-catalogo{margin-top:-500px;}
  .featured-section{padding-top:5px;padding-bottom:5px;}
  .featured-section .titulo{font-size:27px;line-height:27px;}
  .featured-section .subtitulo{font-size:20px;line-height:20px;}
  .featured-section .lead{font-size:14px;line-height:18px;}
  /*.img-100-mobile{width:100%;}*/
  /*.img-55-mobile{width:55%;}*/
  .mapa-contacto{height:400px;}
  .table-cotizacion{font-size:12px;}
}

/* ============================================================
   FICHAS DE PRODUCTO (.fpd-)
   Namespace reutilizable para todas las fichas del sitio.
   Agregar al final de estilos.etips.css
   ============================================================ */

/* Offset del navbar fixed-top (~72px desktop / 52px mobile) */
.fpd-page-top { padding-top: 72px; }

/* ---- Breadcrumb ---- */
.fpd-breadcrumb {
  background: transparent;
  padding: 1rem 0 0;
  font-size: 0.82rem;
  margin-bottom: 0;
}
.fpd-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #aaa; }
.fpd-breadcrumb a { color: #c97800; }

/* ---- Zona hero del producto ---- */
.fpd-top { padding: 1.5rem 0 2.5rem; }

/* Slider */
.fpd-slider-wrap {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.10);
  background: #f0ece8;
}
.fpd-slider-wrap .carousel-item img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.fpd-slider-wrap .carousel-control-prev-icon,
.fpd-slider-wrap .carousel-control-next-icon {
  background-color: rgba(61,32,8,0.55);
  border-radius: 50%;
  padding: 1rem;
  background-size: 55%;
}

/* ---- Panel info del producto (columna derecha) ---- */
.fpd-info { padding-left: 1.5rem; }

.fpd-badge-modelo {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c97800;
  background: #fff4e0;
  border-radius: 20px;
  padding: 0.25rem 0.8rem;
  margin-bottom: 0.75rem;
}

.fpd-producto-titulo {
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  font-size: 1.95rem;
  line-height: 1.15;
  color: #1e0e04;
  margin-bottom: 0.3rem;
}
.fpd-producto-titulo .fpd-color-acento { color: #c97800; }

.fpd-producto-subtitulo {
  font-size: 1rem;
  color: #888;
  margin-bottom: 1.2rem;
}

/* Bloque de precio */
.fpd-precio-bloque {
  background: #fdf8f2;
  border-radius: 10px;
  padding: 1rem 1.2rem;
  margin-bottom: 1.2rem;
  border-left: 4px solid #c97800;
}
.fpd-precio-m2 {
  font-size: 1.8rem;
  font-weight: 900;
  color: #1e0e04;
  line-height: 1;
}
.fpd-precio-m2 small { font-size: 1rem; font-weight: 400; color: #888; }
.fpd-precio-tabla { font-size: 0.88rem; color: #555; margin-top: 0.3rem; }
.fpd-precio-tachado { text-decoration: line-through; color: #aaa; margin-right: 0.4rem; }
.fpd-precio-dcto { color: #d32f2f; font-weight: 700; }
.fpd-dcto-badge {
  display: inline-block;
  background: #d32f2f;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.15rem 0.55rem;
  border-radius: 4px;
  margin-left: 0.4rem;
  vertical-align: middle;
}
.fpd-dcto-badge.blacksale { background: linear-gradient(to right, #000, #5c0eb0); }
.fpd-dcto-badge.blackfriday { background: #000; }
.fpd-dcto-badge.cyber { background: linear-gradient(to right, #225fee, #007bff); }

/* Características rápidas (pills) */
.fpd-quick-features { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0; }
.fpd-quick-feat-item {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #444;
  background: #f7f4f0;
  border-radius: 6px;
  padding: 0.3rem 0.65rem;
}
.fpd-quick-feat-item i { color: #c97800; font-size: 0.85rem; }

/* Botones CTA */
.fpd-btn-cotizar {
  background: #f0a500;
  border: none;
  color: #fff;
  font-weight: 700;
  font-size: 1.05rem;
  border-radius: 8px;
  padding: 0.75rem 2rem;
  width: 100%;
  transition: background 0.2s;
  margin-bottom: 0.6rem;
  cursor: pointer;
  display: block;
  text-align: center;
}
.fpd-btn-cotizar:hover { background: #c97800; color: #fff !important; }
.fpd-btn-secundario {
  background: transparent;
  border: 2px solid #c97800;
  color: #c97800 !important;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 8px;
  padding: 0.65rem 2rem;
  width: 100%;
  transition: all 0.2s;
  text-align: center;
  display: block;
  text-decoration: none !important;
}
.fpd-btn-secundario:hover { background: #c97800; color: #fff !important; }

/* Nota incluido en cotización */
.fpd-nota {
  background: #f7f4f0;
  border-left: 4px solid #c97800;
  border-radius: 0 8px 8px 0;
  padding: 0.85rem 1rem;
  font-size: 0.85rem;
  color: #555;
  margin-top: 1rem;
  margin-bottom: 0;
}

/* ---- Secciones generales ---- */
.fpd-section     { padding: 3rem 0; }
.fpd-section-alt { background: #f7f4f0; padding: 3rem 0; }

.fpd-section-title {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 1.75rem;
  color: #1e0e04;
  margin-bottom: 1.1rem;
  position: relative;
  padding-bottom: 0.7rem;
}
.fpd-section-title::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0; left: 0;
  width: 48px; height: 3px;
  background: #f0a500;
  border-radius: 2px;
}
.fpd-section-title.centered { text-align: center; }
.fpd-section-title.centered::after { left: 50%; transform: translateX(-50%); }

/* ---- Variaciones de color ---- */
.fpd-color-card {
  border: 2px solid #e9e3db;
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
  background: #fff;
  text-decoration: none !important;
  display: block;
}
.fpd-color-card:hover { border-color: #c97800; box-shadow: 0 6px 20px rgba(0,0,0,0.10); }
.fpd-color-card.active { border-color: #c97800; box-shadow: 0 0 0 3px rgba(201,120,0,0.18); }
.fpd-color-card img { width: 100%; height: 140px; object-fit: cover; }
.fpd-color-card .fpd-color-info { padding: 0.7rem 0.9rem; }
.fpd-color-card .fpd-color-nombre { font-size: 0.88rem; font-weight: 700; color: #1e0e04; margin-bottom: 0.1rem; line-height: 1.2; }
.fpd-color-card .fpd-color-sku { font-size: 0.75rem; color: #aaa; }
.fpd-color-card .fpd-color-badge-activo {
  display: inline-block;
  font-size: 0.7rem;
  background: #fff4e0;
  color: #c97800;
  border-radius: 4px;
  padding: 0.1rem 0.4rem;
  font-weight: 700;
  margin-top: 0.25rem;
}

/* ---- Ficha técnica ---- */
.fpd-ficha-wrap { background: #fdf8f2; border-radius: 12px; padding: 1.2rem; box-shadow: 0 2px 10px rgba(0,0,0,0.06); }
.fpd-ficha-table { width: 100%; border-collapse: collapse; }
.fpd-ficha-table tr { border-bottom: 1px solid #ede8e2; }
.fpd-ficha-table tr:last-child { border-bottom: none; }
.fpd-ficha-table td { padding: 0.65rem 0.5rem; font-size: 0.9rem; color: #444; vertical-align: top; }
.fpd-ficha-table td:first-child { font-weight: 700; color: #1e0e04; width: 44%; white-space: nowrap; }
.fpd-ficha-table tr:nth-child(even) td { background: #fff; }

/* ---- Calculadora de rendimiento (informativa) ---- */
.fpd-calc-box {
  background: linear-gradient(135deg, #1e0e04, #3d2008);
  border-radius: 14px;
  padding: 2rem;
  color: #fff;
}
.fpd-calc-box h3 { font-family: 'Playfair Display', serif; font-weight: 900; font-size: 1.4rem; margin-bottom: 0.4rem; }
.fpd-calc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.2rem; }
.fpd-calc-item { background: rgba(255,255,255,0.08); border-radius: 10px; padding: 0.9rem; text-align: center; }
.fpd-calc-item .valor { font-size: 1.6rem; font-weight: 900; color: #ffd06a; line-height: 1; display: block; }
.fpd-calc-item .etiqueta { font-size: 0.78rem; color: rgba(255,255,255,0.75); margin-top: 0.3rem; display: block; line-height: 1.2; }

/* ---- Ventajas ---- */
.fpd-ventaja-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 0.85rem;
  box-shadow: 0 1px 5px rgba(0,0,0,0.05);
}
.fpd-ventaja-item .icon-circle {
  flex-shrink: 0;
  width: 42px; height: 42px;
  border-radius: 50%;
  background: #fff4e0;
  display: flex; align-items: center; justify-content: center;
}
.fpd-ventaja-item .icon-circle i { color: #c97800; font-size: 1rem; }
.fpd-ventaja-item h6 { font-weight: 700; color: #1e0e04; margin-bottom: 0.15rem; font-size: 0.92rem; }
.fpd-ventaja-item p  { font-size: 0.86rem; color: #666; margin: 0; }

/* ---- Tarjetas de uso/aplicaciones ---- */
.fpd-uso-card {
  border: none;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  padding: 1.2rem;
  height: 100%;
  transition: transform 0.2s;
}
.fpd-uso-card:hover { transform: translateY(-3px); }
.fpd-uso-card i { font-size: 1.6rem; color: #c97800; margin-bottom: 0.6rem; display: block; }
.fpd-uso-card h6 { font-weight: 700; color: #1e0e04; font-size: 0.9rem; margin-bottom: 0.3rem; }
.fpd-uso-card p  { font-size: 0.83rem; color: #666; margin: 0; }

/* ---- Pasos de instalación ---- */
.fpd-install-step { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.2rem; }
.fpd-install-step .num {
  flex-shrink: 0;
  width: 36px; height: 36px;
  border-radius: 50%;
  background: #c97800;
  color: #fff;
  font-weight: 900;
  font-size: 1rem;
  display: flex; align-items: center; justify-content: center;
}
.fpd-install-step h6 { font-weight: 700; color: #1e0e04; margin-bottom: 0.15rem; font-size: 0.9rem; }
.fpd-install-step p  { font-size: 0.86rem; color: #555; margin: 0; }

/* ---- FAQ ---- */
.fpd-faq .card { border: none; border-radius: 8px; margin-bottom: 0.5rem; box-shadow: 0 1px 5px rgba(0,0,0,0.05); overflow: hidden; }
.fpd-faq .card-header { background: #fff; border-bottom: none; padding: 0; }
.fpd-faq .card-header button {
  display: block; width: 100%; text-align: left;
  background: none; border: none;
  font-weight: 700; color: #1e0e04;
  padding: 0.9rem 1.1rem; font-size: 0.92rem; cursor: pointer;
}
.fpd-faq .card-header button::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free"; font-weight: 900;
  float: right; transition: transform 0.3s; color: #c97800;
}
.fpd-faq .card-header button.collapsed::after   { transform: rotate(0deg); }
.fpd-faq .card-header button:not(.collapsed)::after { transform: rotate(180deg); }
.fpd-faq .card-body { font-size: 0.9rem; color: #555; padding: 0.6rem 1.1rem 1rem; }

/* ---- CTA final ---- */
.fpd-cta {
  background: linear-gradient(135deg, #1e0e04, #c97800);
  color: #fff;
  border-radius: 16px;
  padding: 3rem 2rem;
  text-align: center;
  margin: 0 0 3rem;
}
.fpd-cta h2 { font-family: 'Playfair Display', serif; font-weight: 900; margin-bottom: 0.8rem; }
.fpd-cta p  { font-size: 1rem; color: rgba(255,255,255,0.88); margin-bottom: 1.6rem; }
.fpd-cta .btn-primary-cta {
  background: #fff; color: #1e0e04 !important; font-weight: 700;
  border-radius: 30px; padding: 0.7rem 2.2rem; transition: background 0.2s;
}
.fpd-cta .btn-primary-cta:hover { background: #ffd06a; color: #1e0e04 !important; }
.fpd-cta .btn-secondary-cta {
  background: transparent; color: #fff !important;
  border: 2px solid rgba(255,255,255,0.55); font-weight: 600;
  border-radius: 30px; padding: 0.7rem 2rem; transition: border-color 0.2s;
  text-decoration: none !important;
}
.fpd-cta .btn-secondary-cta:hover { border-color: #fff; }

/* ---- Input m2 en ficha (cotizar desde ficha) ---- */
.fpd-cotizar-widget {
  background: #fdf8f2;
  border-radius: 10px;
  padding: 1rem 1.2rem;
  margin-bottom: 0.8rem;
}
.fpd-cotizar-widget label { font-size: 0.82rem; font-weight: 700; color: #1e0e04; margin-bottom: 0.3rem; }
.fpd-cotizar-widget .input-group-text { background: #c97800; color: #fff; border-color: #c97800; }
.fpd-cotizar-widget .form-control { border-color: #e0d5c8; }
.fpd-cotizar-widget .form-control:focus { border-color: #c97800 !important; }

.card-img-top {
  aspect-ratio: 1 / 1; 
  width: 100%;
  height: auto;
  object-fit: cover;
}