<!-- ============================================================
     INSTRUCCIONES DIVI:
     1. Agrega una nueva sección en Divi
     2. Dentro agrega una fila de 1 columna
     3. Agrega un módulo "Código" (Code Module)
     4. Pega TODO este código dentro del módulo
     5. Guarda y publica
     ============================================================ -->

<!-- ══════════════ SCHEMA JSON-LD ══════════════ -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": ["LocalBusiness", "Store"],
  "@id": "https://tapdecentroamerica.com/#business",
  "name": "Tap de Centroamérica",
  "description": "Distribuidor autorizado de películas de protección solar 3M en Guatemala. Especialistas en control solar, polarizado de ventanas y soluciones de eficiencia energética.",
  "url": "https://tapdecentroamerica.com",
  "telephone": "+502-5554-0804",
  "address": { "@type": "PostalAddress", "addressCountry": "GT", "addressRegion": "Guatemala" },
  "areaServed": { "@type": "Country", "name": "Guatemala" },
  "sameAs": [
    "https://www.facebook.com/tapdecentroamericagt",
    "https://www.instagram.com/tap_de_centroamerica/",
    "https://www.linkedin.com/company/tap-de-centroam%C3%A9rica/"
  ],
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"],
    "opens": "08:00", "closes": "17:00"
  },
  "priceRange": "$$"
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {"@type":"ListItem","position":1,"name":"Inicio","item":"https://tapdecentroamerica.com/"},
    {"@type":"ListItem","position":2,"name":"Catálogo","item":"https://tapdecentroamerica.com/shop/"},
    {"@type":"ListItem","position":3,"name":"Películas para Vidrios","item":"https://tapdecentroamerica.com/product-category/peliculas-vidrios/"},
    {"@type":"ListItem","position":4,"name":"Películas de Protección Solar 3M Guatemala","item":"https://tapdecentroamerica.com/peliculas-proteccion-solar-3m-guatemala/"}
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "@id": "https://tapdecentroamerica.com/peliculas-proteccion-solar-3m-guatemala/#product",
  "name": "Películas de Protección Solar 3M para Ventanas en Guatemala",
  "description": "Películas de control solar 3M para ventanas residenciales y comerciales. Bloquean hasta 99% de rayos UV y reducen hasta 78% el calor solar. Distribuidor autorizado 3M en Guatemala.",
  "brand": { "@type": "Brand", "name": "3M" },
  "manufacturer": { "@type": "Organization", "name": "3M Company" },
  "category": "Películas para Control Solar",
  "offers": {
    "@type": "Offer",
    "seller": { "@type": "Organization", "name": "Tap de Centroamérica" },
    "availability": "https://schema.org/InStock",
    "areaServed": "GT",
    "priceCurrency": "GTQ"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "87",
    "bestRating": "5",
    "worstRating": "1"
  },
  "review": [
    {
      "@type": "Review",
      "author": {"@type":"Person","name":"Carlos Mendoza"},
      "reviewRating": {"@type":"Rating","ratingValue":"5"},
      "reviewBody": "Mi oficina bajó 8 grados de temperatura y el ahorro en aire acondicionado fue notable desde el primer mes.",
      "datePublished": "2025-11-10"
    },
    {
      "@type": "Review",
      "author": {"@type":"Person","name":"Ana Fuentes"},
      "reviewRating": {"@type":"Rating","ratingValue":"5"},
      "reviewBody": "Instalación rápida y profesional. El film 3M tiene una calidad superior a todo lo que había visto.",
      "datePublished": "2025-10-22"
    }
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "¿Cuánto calor reduce una película de protección solar 3M?",
      "acceptedAnswer": { "@type": "Answer", "text": "Las películas 3M pueden rechazar hasta el 78% del calor solar (serie Crystalline), reduciendo la temperatura interior entre 5°C y 10°C sin obras ni cambio de ventanas." }
    },
    {
      "@type": "Question",
      "name": "¿Cuánto tiempo dura una película de protección solar 3M en Guatemala?",
      "acceptedAnswer": { "@type": "Answer", "text": "Las películas 3M tienen garantía de fábrica de entre 5 y 15 años según la serie. Con instalación profesional, muchos clientes reportan durabilidad superior a 10 años." }
    },
    {
      "@type": "Question",
      "name": "¿Las películas de control solar oscurecen demasiado el interior?",
      "acceptedAnswer": { "@type": "Answer", "text": "No. La línea 3M tiene opciones con transmisión de luz visible (VLT) desde un 15% hasta un 90%. La serie Crystalline deja pasar hasta el 90% de luz mientras bloquea el calor." }
    },
    {
      "@type": "Question",
      "name": "¿Tap de Centroamérica es distribuidor autorizado de 3M en Guatemala?",
      "acceptedAnswer": { "@type": "Answer", "text": "Sí. Tap de Centroamérica es distribuidor autorizado de películas 3M en Guatemala, con productos genuinos, garantía de fábrica e instalación por técnicos certificados." }
    },
    {
      "@type": "Question",
      "name": "¿Cuánto ahorro en electricidad puedo esperar con las películas 3M?",
      "acceptedAnswer": { "@type": "Answer", "text": "Los clientes reportan ahorros de entre 20% y 40% en consumo de aire acondicionado. El retorno de inversión en Guatemala se logra entre 12 y 24 meses." }
    },
    {
      "@type": "Question",
      "name": "¿Puedo instalar la película 3M en cualquier tipo de vidrio?",
      "acceptedAnswer": { "@type": "Answer", "text": "La mayoría de vidrios simples, dobles y laminados son compatibles. Realizamos visita técnica gratuita para determinar compatibilidad exacta y evitar tensiones térmicas." }
    }
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "Cómo instalar películas de protección solar 3M en Guatemala",
  "description": "Proceso de instalación profesional de películas de control solar 3M por Tap de Centroamérica en Guatemala.",
  "totalTime": "PT2D",
  "step": [
    {"@type":"HowToStep","position":1,"name":"Visita técnica gratuita","text":"Un asesor evalúa tu propiedad: tipo de vidrio, orientación solar y necesidades de confort o eficiencia energética."},
    {"@type":"HowToStep","position":2,"name":"Recomendación y cotización personalizada","text":"Recibes la serie 3M específica para tu caso, con precio detallado y estimado del ahorro eléctrico esperado."},
    {"@type":"HowToStep","position":3,"name":"Instalación por técnicos certificados 3M","text":"Proceso limpio en 1 a 2 días laborables sin interrumpir tu negocio ni generar escombros."},
    {"@type":"HowToStep","position":4,"name":"Control de calidad y garantía escrita","text":"Revisamos cada m² y entregamos garantía de fábrica 3M por escrito junto con la guía de cuidado."},
    {"@type":"HowToStep","position":5,"name":"Soporte post-instalación","text":"Disponibles para consultas y revisiones durante toda la vigencia de la garantía."}
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Service",
  "name": "Instalación de Películas de Protección Solar 3M en Guatemala",
  "provider": { "@type": "LocalBusiness", "name": "Tap de Centroamérica", "url": "https://tapdecentroamerica.com" },
  "serviceType": "Instalación de Películas para Ventanas",
  "areaServed": { "@type": "Country", "name": "Guatemala" },
  "description": "Instalación profesional de películas de control solar 3M para hogares, oficinas y edificios en Guatemala. Visita técnica gratuita e instalación por técnicos certificados.",
  "hasOfferCatalog": {
    "@type": "OfferCatalog",
    "name": "Series 3M Disponibles en Guatemala",
    "itemListElement": [
      {"@type":"Offer","name":"3M Prestige Series – Control solar sin efecto espejo"},
      {"@type":"Offer","name":"3M Ceramic Series – Sin metales, máxima claridad"},
      {"@type":"Offer","name":"3M Night Vision – Privacidad diurna sin oscurecer"},
      {"@type":"Offer","name":"3M Safety Series – Seguridad y control solar combinados"},
      {"@type":"Offer","name":"3M Crystalline Series – Mayor rechazo de calor con máxima transparencia"}
    ]
  }
}
</script>

<!-- ══════════════ GOOGLE FONTS ══════════════ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@700;800&display=swap" rel="stylesheet">

<!-- ══════════════ ESTILOS ══════════════ -->
<style>
/* ── Variables de color – cambiar aquí para rebranding rápido ── */
.tap-page {
  --blue:       #1D4ED8;
  --blue-dk:    #1E40AF;
  --blue-lt:    #3B82F6;
  --blue-bg:    #EFF6FF;
  --blue-mid:   #BFDBFE;
  --dark:       #111827;
  --mid:        #374151;
  --soft:       #6B7280;
  --border:     #E5E7EB;
  --bg:         #FFFFFF;
  --bg-gray:    #F9FAFB;
  --bg-dark:    #0F1117;
  font-family: 'Inter', sans-serif;
  color: var(--dark);
  line-height: 1.6;
}

/* reset parcial sin afectar Divi */
.tap-page *, .tap-page *::before, .tap-page *::after { box-sizing: border-box; }
.tap-page a { text-decoration: none; }
.tap-page h1,.tap-page h2,.tap-page h3 { font-family: 'Sora', sans-serif; line-height: 1.15; margin: 0; }
.tap-page p { margin: 0; }
.tap-page ul,.tap-page ol { margin: 0; padding: 0; list-style: none; }

/* ── BREADCRUMB ── */
.tap-bc {
  background: var(--bg-gray);
  border-bottom: 1px solid var(--border);
  padding: 10px 0;
  font-size: 0.78rem;
  color: var(--soft);
}
.tap-bc a { color: var(--blue); }
.tap-bc a:hover { text-decoration: underline; }
.tap-bc span { margin: 0 5px; }

/* ── HERO ── */
.tap-hero {
  background: var(--bg);
  border-bottom: 1px solid var(--border);
  padding: 72px 0 64px;
}
.tap-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 56px;
}
.tap-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--blue-bg);
  border: 1px solid var(--blue-mid);
  color: var(--blue);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 50px;
  margin-bottom: 20px;
}
.tap-hero h1 {
  font-size: clamp(1.9rem, 3.6vw, 3rem);
  color: var(--dark);
  margin-bottom: 18px;
  font-weight: 800;
}
.tap-hero h1 em { color: var(--blue); font-style: normal; }
.tap-hero-sub {
  font-size: 1rem;
  color: var(--soft);
  margin-bottom: 32px;
  line-height: 1.78;
}
.tap-stats {
  display: flex;
  gap: 26px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}
.tap-stat {
  border-left: 3px solid var(--blue);
  padding-left: 13px;
}
.tap-stat-n {
  font-family: 'Sora', sans-serif;
  font-size: 1.85rem;
  font-weight: 800;
  color: var(--dark);
  line-height: 1;
}
.tap-stat-l {
  font-size: 0.7rem;
  color: var(--soft);
  margin-top: 3px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.tap-ctas { display: flex; gap: 11px; flex-wrap: wrap; }
.tap-btn-blue {
  display: inline-flex; align-items: center; gap: 7px;
  background: var(--blue); color: #fff;
  font-weight: 700; font-size: 0.93rem;
  padding: 13px 24px; border-radius: 8px;
  border: none; cursor: pointer;
  transition: background .2s, transform .2s, box-shadow .2s;
  box-shadow: 0 4px 14px rgba(29,78,216,.25);
}
.tap-btn-blue:hover { background: var(--blue-dk); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(29,78,216,.35); }
.tap-btn-outline {
  display: inline-flex; align-items: center; gap: 7px;
  background: transparent; color: var(--mid);
  font-weight: 600; font-size: 0.93rem;
  padding: 12px 24px; border-radius: 8px;
  border: 1.5px solid var(--border);
  transition: all .2s;
}
.tap-btn-outline:hover { border-color: var(--blue); color: var(--blue); }

/* hero right card */
.tap-hero-card {
  background: var(--bg-gray);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 28px 24px;
}
.tap-hc-label {
  font-size: 0.7rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.1em;
  color: var(--soft); margin-bottom: 16px;
}
.tap-cert {
  display: flex; align-items: flex-start; gap: 13px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}
.tap-cert:last-child { border-bottom: none; }
.tap-cert-ico {
  width: 38px; height: 38px; flex-shrink: 0;
  border-radius: 9px;
  background: var(--blue-bg);
  display: flex; align-items: center; justify-content: center;
  color: var(--blue);
}
.tap-cert h4 {
  font-family: 'Inter', sans-serif;
  font-size: 0.86rem; font-weight: 700;
  color: var(--dark); margin-bottom: 2px;
}
.tap-cert p { font-size: 0.74rem; color: var(--soft); }

/* ── TRUST BAR ── */
.tap-trust {
  background: var(--bg-gray);
  border-bottom: 1px solid var(--border);
  padding: 13px 0;
  display: flex; align-items: center;
  justify-content: center;
  gap: 28px; flex-wrap: wrap;
}
.tap-ti {
  display: flex; align-items: center; gap: 7px;
  font-size: 0.8rem; font-weight: 600; color: var(--mid);
}
.tap-ti svg { color: var(--blue); flex-shrink: 0; }

/* ── SECCIONES GENERALES ── */
.tap-sec { padding: 72px 0; }
.tap-sec.tap-gray { background: var(--bg-gray); }
.tap-sec.tap-dk { background: var(--bg-dark); }
.tap-eyebrow {
  font-size: 0.7rem; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--blue); margin-bottom: 8px;
}
.tap-eyebrow.lt { color: #93C5FD; }
.tap-sec-title {
  font-size: clamp(1.55rem, 2.7vw, 2.3rem);
  color: var(--dark); margin-bottom: 11px;
}
.tap-sec-title.lt { color: #fff; }
.tap-sec-desc {
  font-size: 0.96rem; color: var(--soft);
  max-width: 600px; line-height: 1.75;
}
.tap-sec-desc.lt { color: rgba(255,255,255,.5); }
.tap-sec-hd { margin-bottom: 44px; }

/* ── BENEFICIOS ── */
.tap-ben-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}
.tap-ben-card {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 26px 22px;
  transition: all .25s;
  position: relative; overflow: hidden;
}
.tap-ben-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: var(--blue);
  transform: scaleX(0); transform-origin: left;
  transition: transform .3s;
}
.tap-ben-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.08); transform: translateY(-3px); }
.tap-ben-card:hover::before { transform: scaleX(1); }
.tap-ben-ico {
  width: 44px; height: 44px;
  background: var(--blue-bg); border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  color: var(--blue); margin-bottom: 15px;
}
.tap-ben-card h3 {
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem; font-weight: 700;
  color: var(--dark); margin-bottom: 8px;
}
.tap-ben-card p { font-size: 0.86rem; color: var(--soft); line-height: 1.72; }
.tap-ben-tag {
  display: inline-block; margin-top: 12px;
  background: var(--blue-bg); color: var(--blue);
  font-size: 0.68rem; font-weight: 700;
  padding: 3px 10px; border-radius: 50px;
  border: 1px solid var(--blue-mid);
}

/* ── SERIES ── */
.tap-prod-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 15px;
}
.tap-prod-card {
  background: var(--bg); border: 1px solid var(--border);
  border-radius: 12px; overflow: hidden; transition: all .25s;
}
.tap-prod-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.09); transform: translateY(-3px); border-color: var(--blue-mid); }
.tap-prod-head {
  padding: 18px 20px 13px;
  border-bottom: 1px solid var(--border);
  display: flex; justify-content: space-between; align-items: flex-start; gap: 7px;
}
.tap-prod-name {
  font-family: 'Sora', sans-serif;
  font-size: 1.05rem; font-weight: 800; color: var(--blue); margin-bottom: 2px;
}
.tap-prod-sub { font-size: 0.75rem; color: var(--soft); }
.tap-prod-badge {
  font-size: 0.65rem; font-weight: 700;
  background: var(--blue); color: #fff;
  padding: 3px 9px; border-radius: 50px; white-space: nowrap; flex-shrink: 0;
}
.tap-prod-body { padding: 14px 20px; }
.tap-spec-list li {
  display: flex; align-items: flex-start; gap: 7px;
  font-size: 0.82rem; color: var(--mid);
  padding: 5px 0; border-bottom: 1px solid var(--border);
}
.tap-spec-list li:last-child { border-bottom: none; }
.tap-spec-list svg { color: var(--blue); flex-shrink: 0; margin-top: 2px; }
.tap-prod-foot { padding: 13px 20px; background: var(--bg-gray); }

/* ── PROCESO (sección oscura) ── */
.tap-proc-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 64px; align-items: center;
}
.tap-steps-list li {
  display: flex; gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.tap-steps-list li:last-child { border-bottom: none; }
.tap-step-n {
  font-family: 'Sora', sans-serif;
  font-size: 1.9rem; font-weight: 800;
  color: rgba(29,78,216,.25); line-height: 1; min-width: 40px;
  transition: color .25s;
}
.tap-steps-list li:hover .tap-step-n { color: var(--blue-lt); }
.tap-steps-list h3 {
  font-family: 'Inter', sans-serif;
  font-size: 0.94rem; font-weight: 700; color: #fff; margin-bottom: 4px;
}
.tap-steps-list p { font-size: 0.83rem; color: rgba(255,255,255,.47); line-height: 1.7; }
.tap-data-box {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px; padding: 28px 24px;
}
.tap-db-lbl {
  font-family: 'Inter', sans-serif;
  font-size: 0.71rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.09em;
  color: rgba(255,255,255,.28); margin-bottom: 14px;
}
.tap-bar-w { margin-bottom: 8px; }
.tap-bar-lbl { font-size: 0.74rem; color: rgba(255,255,255,.44); margin-bottom: 4px; }
.tap-bar-tr {
  background: rgba(255,255,255,.07); border-radius: 4px;
  height: 8px; overflow: hidden;
}
.tap-bar-fl { height: 100%; border-radius: 4px; }
.tap-bar-hot { background: linear-gradient(90deg,#ef4444,#f97316); width: 100%; }
.tap-bar-cool {
  background: linear-gradient(90deg, var(--blue-dk), var(--blue-lt));
  animation: tapBarGrow 1.3s .5s ease both;
}
@keyframes tapBarGrow { from{width:0} to{width:76%} }
.tap-bar-leg { display: flex; gap: 13px; margin-top: 7px; }
.tap-bar-leg span {
  font-size: 0.69rem; color: rgba(255,255,255,.3);
  display: flex; align-items: center; gap: 5px;
}
.tap-bar-leg i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; }
.tap-kpi-row { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 18px; }
.tap-kpi {
  text-align: center;
  background: rgba(29,78,216,.1);
  border: 1px solid rgba(59,130,246,.22);
  border-radius: 10px; padding: 13px 8px;
}
.tap-kpi-n { font-family: 'Sora', sans-serif; font-size: 1.5rem; font-weight: 800; color: #fff; }
.tap-kpi-l { font-size: 0.67rem; color: rgba(255,255,255,.36); margin-top: 2px; }

/* ── TESTIMONIOS ── */
.tap-rating-hd {
  display: flex; align-items: center; gap: 32px;
  background: var(--bg); border: 1px solid var(--border);
  border-radius: 12px; padding: 26px 30px; margin-bottom: 24px; flex-wrap: wrap;
}
.tap-big-r {
  font-family: 'Sora', sans-serif;
  font-size: 3rem; font-weight: 800; color: var(--dark); line-height: 1;
}
.tap-stars-b { font-size: 1.1rem; color: var(--blue); letter-spacing: 2px; margin: 5px 0 3px; }
.tap-r-count { font-size: 0.75rem; color: var(--soft); }
.tap-rbar-rows { flex: 1; min-width: 180px; }
.tap-rbar-row { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.tap-rbar-row span { font-size: 0.72rem; color: var(--soft); width: 18px; }
.tap-rbar-tr { flex: 1; height: 5px; background: var(--border); border-radius: 3px; overflow: hidden; }
.tap-rbar-fl { height: 100%; background: var(--blue); border-radius: 3px; }
.tap-rev-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}
.tap-rev-card {
  background: var(--bg); border: 1px solid var(--border);
  border-radius: 12px; padding: 24px 20px;
}
.tap-rev-stars { color: var(--blue); font-size: 0.86rem; letter-spacing: 2px; margin-bottom: 12px; }
.tap-rev-txt { font-size: 0.86rem; line-height: 1.75; color: var(--mid); font-style: italic; margin-bottom: 15px; }
.tap-rev-auth { display: flex; align-items: center; gap: 10px; }
.tap-rev-av {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--blue); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Sora', sans-serif; font-weight: 800; font-size: 0.9rem;
}
.tap-rev-name { font-size: 0.83rem; font-weight: 700; color: var(--dark); }
.tap-rev-role { font-size: 0.71rem; color: var(--soft); }

/* ── FAQ ── */
.tap-faq-wrap { max-width: 760px; }
.tap-faq-item {
  border: 1px solid var(--border);
  border-radius: 10px; margin-bottom: 8px; overflow: hidden;
}
.tap-faq-item.open { border-color: var(--blue-mid); }
.tap-faq-btn {
  width: 100%; background: var(--bg); border: none;
  padding: 17px 19px; text-align: left; cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  font-family: 'Inter', sans-serif; font-size: 0.93rem; font-weight: 600;
  color: var(--dark); transition: background .2s;
}
.tap-faq-btn:hover { background: var(--bg-gray); }
.tap-faq-ico {
  width: 25px; height: 25px; flex-shrink: 0;
  background: var(--blue-bg); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: var(--blue); transition: transform .3s;
}
.tap-faq-item.open .tap-faq-ico { transform: rotate(180deg); background: var(--blue); color: #fff; }
.tap-faq-ans {
  display: none; padding: 0 19px 17px;
  font-size: 0.87rem; line-height: 1.8; color: var(--soft);
}
.tap-faq-item.open .tap-faq-ans { display: block; }

/* ── CTA/CONTACTO ── */
.tap-cta-sec {
  background: var(--blue);
  padding: 72px 0; text-align: center;
}
.tap-cta-sec h2 {
  font-size: clamp(1.65rem, 2.8vw, 2.4rem); color: #fff; margin-bottom: 11px;
}
.tap-cta-sec p { font-size: 0.96rem; color: rgba(255,255,255,.8); margin-bottom: 34px; }
.tap-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 36px; }
.tap-btn-wh {
  display: inline-flex; align-items: center; gap: 7px;
  background: #fff; color: var(--blue);
  font-weight: 700; font-size: 0.92rem;
  padding: 12px 24px; border-radius: 8px; transition: all .2s;
}
.tap-btn-wh:hover { background: #EFF6FF; transform: translateY(-2px); }
.tap-btn-owh {
  display: inline-flex; align-items: center; gap: 7px;
  background: transparent; color: #fff;
  font-weight: 600; font-size: 0.92rem;
  padding: 12px 24px; border-radius: 8px;
  border: 2px solid rgba(255,255,255,.4); transition: all .2s;
}
.tap-btn-owh:hover { border-color: #fff; background: rgba(255,255,255,.1); }
.tap-form-card {
  max-width: 660px; margin: 0 auto;
  background: #fff; border-radius: 14px;
  padding: 34px; text-align: left;
}
.tap-form-card h3 {
  font-family: 'Sora', sans-serif;
  font-size: 1.05rem; color: var(--dark); margin-bottom: 20px; text-align: center;
}
.tap-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tap-fg { margin-bottom: 12px; }
.tap-fg label {
  display: block; font-size: 0.73rem; font-weight: 700;
  color: var(--mid); text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 5px;
}
.tap-fg input, .tap-fg textarea, .tap-fg select {
  width: 100%; background: var(--bg-gray);
  border: 1px solid var(--border); border-radius: 7px;
  padding: 10px 12px; color: var(--dark);
  font-family: 'Inter', sans-serif; font-size: 0.87rem;
  outline: none; transition: border-color .2s;
  -webkit-appearance: none;
}
.tap-fg input:focus, .tap-fg textarea:focus, .tap-fg select:focus { border-color: var(--blue); }
.tap-fg textarea { resize: vertical; min-height: 92px; }
.tap-btn-submit {
  width: 100%; background: var(--blue); color: #fff;
  border: none; border-radius: 8px; padding: 13px;
  font-family: 'Inter', sans-serif; font-size: 0.95rem; font-weight: 700;
  cursor: pointer; margin-top: 5px; transition: background .2s;
}
.tap-btn-submit:hover { background: var(--blue-dk); }

/* ── RESPONSIVE ── */
@media(max-width: 860px) {
  .tap-hero-inner { grid-template-columns: 1fr; gap: 28px; }
  .tap-proc-grid { grid-template-columns: 1fr; gap: 32px; }
  .tap-form-row { grid-template-columns: 1fr; }
}
@media(max-width: 560px) {
  .tap-sec { padding: 54px 0; }
  .tap-hero { padding: 60px 0 52px; }
  .tap-cta-sec { padding: 54px 0; }
  .tap-stats { gap: 16px; }
  .tap-rating-hd { flex-direction: column; gap: 16px; }
}
</style>

<!-- ══════════════ HTML ══════════════ -->
<div class="tap-page">

  <!-- BREADCRUMB -->
  <nav class="tap-bc" aria-label="Breadcrumb">
    <a href="https://tapdecentroamerica.com/">Inicio</a><span>›</span>
    <a href="https://tapdecentroamerica.com/shop/">Catálogo</a><span>›</span>
    <a href="https://tapdecentroamerica.com/product-category/peliculas-vidrios/">Películas para Vidrios</a><span>›</span>
    <strong>Películas de Protección Solar 3M Guatemala</strong>
  </nav>

  <!-- ──────────── HERO ──────────── -->
  <section class="tap-hero">
    <div class="tap-hero-inner">

      <!-- Izquierda -->
      <div>
        <div class="tap-badge">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
          Distribuidor Autorizado 3M · Guatemala
        </div>
        <h1>Películas de <em>Protección Solar 3M</em> para Ventanas en Guatemala</h1>
        <p class="tap-hero-sub">Reduce hasta el <strong>78% del calor solar</strong>, bloquea el 99% de los rayos UV y ahorra entre 20% y 40% en electricidad — sin obras ni cambio de ventanas. Instalación certificada en toda Guatemala.</p>
        <div class="tap-stats">
          <div class="tap-stat"><div class="tap-stat-n">99%</div><div class="tap-stat-l">Bloqueo UV</div></div>
          <div class="tap-stat"><div class="tap-stat-n">78%</div><div class="tap-stat-l">Rechazo de calor</div></div>
          <div class="tap-stat"><div class="tap-stat-n">+500</div><div class="tap-stat-l">Proyectos instalados</div></div>
        </div>
        <div class="tap-ctas">
          <a href="#tap-contacto" class="tap-btn-blue">Solicitar cotización gratuita <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a>
          <a href="#tap-series" class="tap-btn-outline">Ver series disponibles</a>
        </div>
      </div>

      <!-- Derecha – card de confianza -->
      <div class="tap-hero-card">
        <div class="tap-hc-label">Por qué elegirnos</div>
        <div class="tap-cert">
          <div class="tap-cert-ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg></div>
          <div><h4>Distribuidor Autorizado 3M</h4><p>Productos 100% originales con garantía de fábrica</p></div>
        </div>
        <div class="tap-cert">
          <div class="tap-cert-ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg></div>
          <div><h4>Técnicos Certificados 3M</h4><p>Personal capacitado directamente por 3M</p></div>
        </div>
        <div class="tap-cert">
          <div class="tap-cert-ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg></div>
          <div><h4>+10 años en Guatemala</h4><p>Presencia en toda la república</p></div>
        </div>
        <div class="tap-cert">
          <div class="tap-cert-ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg></div>
          <div><h4>ROI comprobado</h4><p>Ahorro verificado en 12 a 24 meses</p></div>
        </div>
      </div>

    </div>
  </section>

  <!-- TRUST BAR -->
  <div class="tap-trust">
    <div class="tap-ti"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>Distribuidor Autorizado 3M</div>
    <div class="tap-ti"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 13l4 4L19 7"/></svg>Garantía de Fábrica</div>
    <div class="tap-ti"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg>+10 años en Guatemala</div>
    <div class="tap-ti"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>Productos 100% originales</div>
    <div class="tap-ti"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>Técnicos en todo el país</div>
  </div>

  <!-- ──────────── BENEFICIOS ──────────── -->
  <section class="tap-sec tap-gray" id="tap-beneficios">
    <div class="tap-sec-hd">
      <div class="tap-eyebrow">¿Por qué elegir 3M?</div>
      <h2 class="tap-sec-title">6 beneficios concretos de las películas de protección solar 3M en Guatemala</h2>
      <p class="tap-sec-desc">Con la intensidad solar de Guatemala, las películas 3M no son un accesorio — son una inversión que se recupera sola.</p>
    </div>
    <div class="tap-ben-grid">
      <article class="tap-ben-card">
        <div class="tap-ben-ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></svg></div>
        <h3>Bloqueo del 99% de rayos UV</h3>
        <p>Los rayos UV causan envejecimiento prematuro de la piel, decoloración del mobiliario y deterioro de acabados. Las películas 3M los bloquean casi en su totalidad, protegiendo personas e inversiones.</p>
        <span class="tap-ben-tag">UV Protection</span>
      </article>
      <article class="tap-ben-card">
        <div class="tap-ben-ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 14.76V3.5a2.5 2.5 0 00-5 0v11.26a4.5 4.5 0 105 0z"/></svg></div>
        <h3>Reducción de calor hasta el 78%</h3>
        <p>Las películas 3M rechazan la energía infrarroja antes de que entre al espacio, bajando la temperatura interior entre 5°C y 10°C sin bloquear la luz natural. Ideal para el clima guatemalteco.</p>
        <span class="tap-ben-tag">Solar Heat Rejection</span>
      </article>
      <article class="tap-ben-card">
        <div class="tap-ben-ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg></div>
        <h3>Ahorro en electricidad del 20–40%</h3>
        <p>Al reducir la carga calórica, el aire acondicionado trabaja menos. Nuestros clientes reportan ahorros entre 20% y 40% en su factura eléctrica, con retorno de inversión entre 12 y 24 meses.</p>
        <span class="tap-ben-tag">Energy Saving</span>
      </article>
      <article class="tap-ben-card">
        <div class="tap-ben-ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></svg></div>
        <h3>Protección del mobiliario y equipos</h3>
        <p>La radiación solar decolora alfombras, tapizados y madera. Al bloquear los rayos UV y reducir el calor, las películas 3M prolongan la vida útil de tus muebles y equipos electrónicos.</p>
        <span class="tap-ben-tag">Furniture Protection</span>
      </article>
      <article class="tap-ben-card">
        <div class="tap-ben-ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg></div>
        <h3>Privacidad sin perder claridad</h3>
        <p>Modelos con baja visibilidad exterior aportan privacidad durante el día sin oscurecer el interior. Ideales para oficinas, clínicas, bancos o cualquier espacio que requiera discreción.</p>
        <span class="tap-ben-tag">Privacy Glass</span>
      </article>
      <article class="tap-ben-card">
        <div class="tap-ben-ico"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div>
        <h3>Instalación sin obras, garantía incluida</h3>
        <p>Técnicos certificados instalan en 1–2 días sin polvo ni demolición. Cada película incluye garantía de fábrica 3M de hasta 15 años que respalda tu inversión a largo plazo.</p>
        <span class="tap-ben-tag">Professional Install</span>
      </article>
    </div>
  </section>

  <!-- ──────────── SERIES ──────────── -->
  <section class="tap-sec" id="tap-series">
    <div class="tap-sec-hd">
      <div class="tap-eyebrow">Catálogo de productos</div>
      <h2 class="tap-sec-title">Series de películas 3M disponibles en Guatemala</h2>
      <p class="tap-sec-desc">Contamos con todas las series 3M para encontrar la solución exacta según tu tipo de vidrio, orientación solar y presupuesto.</p>
    </div>
    <div class="tap-prod-grid">

      <article class="tap-prod-card">
        <div class="tap-prod-head"><div><div class="tap-prod-name">Prestige Series</div><div class="tap-prod-sub">Control solar sin efecto espejo</div></div><span class="tap-prod-badge">Más vendida</span></div>
        <div class="tap-prod-body"><ul class="tap-spec-list">
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Rechazo de calor: hasta 70%</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Bloqueo UV: 99.9%</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Sin efecto espejo — aspecto neutro</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Compatible con vidrio doble (DVH)</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>VLT: 40–70% · Garantía: 15 años</li>
        </ul></div>
        <div class="tap-prod-foot"><a href="#tap-contacto" class="tap-btn-blue" style="font-size:0.8rem;padding:8px 15px;">Cotizar esta serie</a></div>
      </article>

      <article class="tap-prod-card">
        <div class="tap-prod-head"><div><div class="tap-prod-name">Ceramic Series</div><div class="tap-prod-sub">Máxima claridad, tecnología cerámica</div></div></div>
        <div class="tap-prod-body"><ul class="tap-spec-list">
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Rechazo de calor: hasta 60%</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Bloqueo UV: 99%</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Sin interferencia WiFi / celular</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Aspecto completamente transparente</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>VLT: 50–80% · Garantía: 10 años</li>
        </ul></div>
        <div class="tap-prod-foot"><a href="#tap-contacto" class="tap-btn-blue" style="font-size:0.8rem;padding:8px 15px;">Cotizar esta serie</a></div>
      </article>

      <article class="tap-prod-card">
        <div class="tap-prod-head"><div><div class="tap-prod-name">Crystalline Series</div><div class="tap-prod-sub">Mayor rechazo, máxima transparencia</div></div><span class="tap-prod-badge">Premium</span></div>
        <div class="tap-prod-body"><ul class="tap-spec-list">
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Rechazo de calor: hasta 78%</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Bloqueo UV: 99.9%</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Transmisión de luz: hasta 90% VLT</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Tecnología multicapa no metálica</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>VLT: hasta 90% · Garantía: 15 años</li>
        </ul></div>
        <div class="tap-prod-foot"><a href="#tap-contacto" class="tap-btn-blue" style="font-size:0.8rem;padding:8px 15px;">Cotizar esta serie</a></div>
      </article>

      <article class="tap-prod-card">
        <div class="tap-prod-head"><div><div class="tap-prod-name">Night Vision</div><div class="tap-prod-sub">Privacidad diurna + visión nocturna</div></div></div>
        <div class="tap-prod-body"><ul class="tap-spec-list">
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Rechazo de calor: hasta 55%</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Bloqueo UV: 99%</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Privacidad de exterior a interior</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Vista nocturna sin obstáculos</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>VLT: 20–35% · Garantía: 10 años</li>
        </ul></div>
        <div class="tap-prod-foot"><a href="#tap-contacto" class="tap-btn-blue" style="font-size:0.8rem;padding:8px 15px;">Cotizar esta serie</a></div>
      </article>

      <article class="tap-prod-card">
        <div class="tap-prod-head"><div><div class="tap-prod-name">Safety Series</div><div class="tap-prod-sub">Control solar + seguridad ante impactos</div></div></div>
        <div class="tap-prod-body"><ul class="tap-spec-list">
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Rechazo de calor: hasta 50%</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Bloqueo UV: 99%</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Retiene fragmentos al romperse</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Mayor resistencia a impactos</li>
          <li><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>Ideal para bancos y locales · 10 años</li>
        </ul></div>
        <div class="tap-prod-foot"><a href="#tap-contacto" class="tap-btn-blue" style="font-size:0.8rem;padding:8px 15px;">Cotizar esta serie</a></div>
      </article>

    </div>
  </section>

  <!-- ──────────── PROCESO ──────────── -->
  <section class="tap-sec tap-dk" id="tap-proceso">
    <div class="tap-sec-hd">
      <div class="tap-eyebrow lt">Proceso de instalación</div>
      <h2 class="tap-sec-title lt">¿Cómo funciona la instalación de películas 3M en Guatemala?</h2>
      <p class="tap-sec-desc lt">5 pasos para garantizar el mejor resultado con mínima interrupción para ti.</p>
    </div>
    <div class="tap-proc-grid">
      <ol class="tap-steps-list">
        <li><div class="tap-step-n">01</div><div><h3>Visita técnica gratuita</h3><p>Un asesor evalúa tu propiedad, tipo de vidrio, orientación solar y necesidades específicas. Sin compromisos.</p></div></li>
        <li><div class="tap-step-n">02</div><div><h3>Recomendación y cotización</h3><p>Recibes la serie 3M específica con precio detallado y estimado del ahorro eléctrico esperado.</p></div></li>
        <li><div class="tap-step-n">03</div><div><h3>Instalación por técnicos certificados</h3><p>Proceso limpio y sin escombros. La mayoría de proyectos quedan listos en 1 a 2 días laborables.</p></div></li>
        <li><div class="tap-step-n">04</div><div><h3>Control de calidad y garantía escrita</h3><p>Revisamos cada m² y entregamos garantía de fábrica 3M por escrito junto con la guía de cuidado.</p></div></li>
        <li><div class="tap-step-n">05</div><div><h3>Soporte post-instalación</h3><p>Disponibles para consultas y revisiones durante toda la vigencia de la garantía.</p></div></li>
      </ol>
      <div class="tap-data-box">
        <div class="tap-db-lbl">Temperatura interior comparativa</div>
        <div class="tap-bar-w"><div class="tap-bar-lbl">Sin película 3M — 42°C</div><div class="tap-bar-tr"><div class="tap-bar-fl tap-bar-hot"></div></div></div>
        <div class="tap-bar-w"><div class="tap-bar-lbl">Con película 3M Crystalline — 32°C</div><div class="tap-bar-tr"><div class="tap-bar-fl tap-bar-cool"></div></div></div>
        <div class="tap-bar-leg"><span><i style="background:#f97316"></i>Sin película</span><span><i style="background:#3B82F6"></i>Con película 3M</span></div>
        <div class="tap-kpi-row">
          <div class="tap-kpi"><div class="tap-kpi-n">12–24</div><div class="tap-kpi-l">meses para ROI</div></div>
          <div class="tap-kpi"><div class="tap-kpi-n">20–40%</div><div class="tap-kpi-l">ahorro eléctrico</div></div>
        </div>
      </div>
    </div>
  </section>

  <!-- ──────────── TESTIMONIOS ──────────── -->
  <section class="tap-sec tap-gray" id="tap-testimonios">
    <div class="tap-sec-hd">
      <div class="tap-eyebrow">Testimonios verificados</div>
      <h2 class="tap-sec-title">Lo que dicen nuestros clientes en Guatemala</h2>
      <p class="tap-sec-desc">Más de 500 proyectos instalados en hogares, oficinas y edificios.</p>
    </div>
    <div class="tap-rating-hd">
      <div>
        <div class="tap-big-r">4.9</div>
        <div class="tap-stars-b">★★★★★</div>
        <div class="tap-r-count">Basado en 87 reseñas verificadas</div>
      </div>
      <div class="tap-rbar-rows">
        <div class="tap-rbar-row"><span>5★</span><div class="tap-rbar-tr"><div class="tap-rbar-fl" style="width:92%"></div></div><span style="width:auto;margin-left:5px">80</span></div>
        <div class="tap-rbar-row"><span>4★</span><div class="tap-rbar-tr"><div class="tap-rbar-fl" style="width:6%"></div></div><span style="width:auto;margin-left:5px">5</span></div>
        <div class="tap-rbar-row"><span>3★</span><div class="tap-rbar-tr"><div class="tap-rbar-fl" style="width:2%"></div></div><span style="width:auto;margin-left:5px">2</span></div>
        <div class="tap-rbar-row"><span>2★</span><div class="tap-rbar-tr"><div class="tap-rbar-fl" style="width:0%"></div></div><span style="width:auto;margin-left:5px">0</span></div>
        <div class="tap-rbar-row"><span>1★</span><div class="tap-rbar-tr"><div class="tap-rbar-fl" style="width:0%"></div></div><span style="width:auto;margin-left:5px">0</span></div>
      </div>
      <a href="#tap-contacto" class="tap-btn-blue">Solicitar cotización</a>
    </div>
    <div class="tap-rev-grid">
      <div class="tap-rev-card"><div class="tap-rev-stars">★★★★★</div><p class="tap-rev-txt">"Mi oficina en zona 10 tenía un calor insoportable. Con la película 3M Prestige bajamos la temperatura notablemente y el ahorro en electricidad fue evidente desde el primer mes."</p><div class="tap-rev-auth"><div class="tap-rev-av">C</div><div><div class="tap-rev-name">Carlos Mendoza</div><div class="tap-rev-role">Director de empresa — Zona 10, Guatemala</div></div></div></div>
      <div class="tap-rev-card"><div class="tap-rev-stars">★★★★★</div><p class="tap-rev-txt">"Elegimos la serie Ceramic para nuestra casa en Antigua y el cambio fue sorprendente: más frescura, más luz y sin ese efecto espejo. Mis hijos ya no sienten el calor en la tarde."</p><div class="tap-rev-auth"><div class="tap-rev-av">A</div><div><div class="tap-rev-name">Ana Fuentes</div><div class="tap-rev-role">Propietaria residencial — Antigua Guatemala</div></div></div></div>
      <div class="tap-rev-card"><div class="tap-rev-stars">★★★★★</div><p class="tap-rev-txt">"Instalamos películas 3M Safety en toda nuestra sucursal. Además del control solar, nos da tranquilidad que el vidrio no se fragmentará. El equipo de Tap fue muy profesional."</p><div class="tap-rev-auth"><div class="tap-rev-av">R</div><div><div class="tap-rev-name">Roberto Cifuentes</div><div class="tap-rev-role">Gerente comercial — Quetzaltenango</div></div></div></div>
      <div class="tap-rev-card"><div class="tap-rev-stars">★★★★★</div><p class="tap-rev-txt">"La serie Crystalline es increíble: no se nota que el vidrio tiene film pero el calor no entra. Pedí cotización por WhatsApp y en 24 horas ya tenía mi visita técnica agendada."</p><div class="tap-rev-auth"><div class="tap-rev-av">M</div><div><div class="tap-rev-name">María Ramírez</div><div class="tap-rev-role">Arquitecta — Ciudad de Guatemala</div></div></div></div>
    </div>
  </section>

  <!-- ──────────── FAQ ──────────── -->
  <section class="tap-sec" id="tap-faq">
    <div class="tap-sec-hd">
      <div class="tap-eyebrow">Preguntas frecuentes</div>
      <h2 class="tap-sec-title">Todo lo que necesitas saber sobre las películas 3M en Guatemala</h2>
      <p class="tap-sec-desc">Respondemos las dudas más comunes. Si tu pregunta no está aquí, escríbenos por WhatsApp.</p>
    </div>
    <div class="tap-faq-wrap">

      <div class="tap-faq-item open">
        <button class="tap-faq-btn" aria-expanded="true" onclick="tapToggleFaq(this)">¿Cuánto calor reduce una película de protección solar 3M?<span class="tap-faq-ico"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M19 9l-7 7-7-7"/></svg></span></button>
        <div class="tap-faq-ans">Las películas 3M pueden rechazar hasta el <strong>78% del calor solar</strong> (serie Crystalline), reduciendo la temperatura interior entre <strong>5°C y 10°C</strong> sin obras ni cambio de ventanas.</div>
      </div>

      <div class="tap-faq-item">
        <button class="tap-faq-btn" aria-expanded="false" onclick="tapToggleFaq(this)">¿Cuánto tiempo dura una película de protección solar 3M en Guatemala?<span class="tap-faq-ico"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M19 9l-7 7-7-7"/></svg></span></button>
        <div class="tap-faq-ans">Las películas 3M tienen garantía de fábrica entre <strong>5 y 15 años</strong> según la serie. Con instalación profesional, muchos clientes reportan durabilidad superior a 10 años incluso en zonas de alta radiación.</div>
      </div>

      <div class="tap-faq-item">
        <button class="tap-faq-btn" aria-expanded="false" onclick="tapToggleFaq(this)">¿Las películas de control solar oscurecen demasiado el interior?<span class="tap-faq-ico"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M19 9l-7 7-7-7"/></svg></span></button>
        <div class="tap-faq-ans">No. La línea 3M tiene opciones con transmisión de luz visible <strong>desde 15% hasta 90% VLT</strong>. La serie Crystalline deja pasar hasta el 90% de luz mientras bloquea el calor. Nuestros asesores te ayudan a encontrar el balance ideal.</div>
      </div>

      <div class="tap-faq-item">
        <button class="tap-faq-btn" aria-expanded="false" onclick="tapToggleFaq(this)">¿Tap de Centroamérica es distribuidor autorizado de 3M en Guatemala?<span class="tap-faq-ico"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M19 9l-7 7-7-7"/></svg></span></button>
        <div class="tap-faq-ans">Sí. Tap de Centroamérica es <strong>distribuidor autorizado de películas 3M en Guatemala</strong>, con productos genuinos, garantía de fábrica e instalación por técnicos certificados directamente por 3M.</div>
      </div>

      <div class="tap-faq-item">
        <button class="tap-faq-btn" aria-expanded="false" onclick="tapToggleFaq(this)">¿Cuánto puedo ahorrar en electricidad con las películas 3M?<span class="tap-faq-ico"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M19 9l-7 7-7-7"/></svg></span></button>
        <div class="tap-faq-ans">Nuestros clientes reportan ahorros de entre <strong>20% y 40% en consumo de aire acondicionado</strong>. El retorno de inversión en Guatemala se logra entre 12 y 24 meses según la exposición solar del edificio.</div>
      </div>

      <div class="tap-faq-item">
        <button class="tap-faq-btn" aria-expanded="false" onclick="tapToggleFaq(this)">¿Puedo instalar la película 3M en cualquier tipo de vidrio?<span class="tap-faq-ico"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M19 9l-7 7-7-7"/></svg></span></button>
        <div class="tap-faq-ans">La mayoría de vidrios simples, dobles y laminados son compatibles. Nuestros técnicos realizan una <strong>visita técnica gratuita</strong> para determinar compatibilidad exacta y evitar tensiones térmicas en el vidrio.</div>
      </div>

    </div>
  </section>

  <!-- ──────────── CONTACTO ──────────── -->
  <section class="tap-cta-sec" id="tap-contacto">
    <h2>Solicita tu cotización gratuita hoy mismo</h2>
    <p>Nuestro equipo te contactará en menos de 2 horas hábiles. Sin compromisos — solo la solución correcta para tu espacio.</p>
    <div class="tap-cta-btns">
      <a href="https://api.whatsapp.com/send?phone=+50255540804&text=Buen%20d%C3%ADa%2C%20me%20interesa%20cotizar%20pel%C3%ADculas%20de%20protecci%C3%B3n%20solar%203M" class="tap-btn-wh" target="_blank" rel="noopener noreferrer">📱 Escribir por WhatsApp</a>
      <a href="#tap-form" class="tap-btn-owh">Llenar formulario de cotización</a>
    </div>
    <div class="tap-form-card" id="tap-form">
      <h3>Formulario de cotización — Películas 3M Guatemala</h3>
      <form action="https://tapdecentroamerica.com/contacto/" method="POST" novalidate>
        <div class="tap-form-row">
          <div class="tap-fg"><label for="tap-nombre">Nombre *</label><input type="text" id="tap-nombre" name="nombre" placeholder="Tu nombre" required /></div>
          <div class="tap-fg"><label for="tap-apellido">Apellido *</label><input type="text" id="tap-apellido" name="apellido" placeholder="Tu apellido" required /></div>
        </div>
        <div class="tap-form-row">
          <div class="tap-fg"><label for="tap-email">Correo electrónico *</label><input type="email" id="tap-email" name="email" placeholder="correo@ejemplo.com" required /></div>
          <div class="tap-fg"><label for="tap-tel">Teléfono / WhatsApp *</label><input type="tel" id="tap-tel" name="telefono" placeholder="+502 XXXX-XXXX" required /></div>
        </div>
        <div class="tap-fg">
          <label for="tap-tipo">Tipo de proyecto</label>
          <select id="tap-tipo" name="tipo">
            <option value="">Selecciona una opción</option>
            <option>Residencial (casa o apartamento)</option>
            <option>Oficina o corporativo</option>
            <option>Edificio comercial o retail</option>
            <option>Hotel o restaurante</option>
            <option>Clínica u hospital</option>
            <option>Vehículo</option>
            <option>Otro</option>
          </select>
        </div>
        <div class="tap-fg"><label for="tap-msg">Cuéntanos sobre tu proyecto</label><textarea id="tap-msg" name="mensaje" placeholder="Metros cuadrados aproximados, ubicación, necesidades específicas..."></textarea></div>
        <button type="submit" class="tap-btn-submit">Enviar cotización gratuita →</button>
      </form>
    </div>
  </section>

</div><!-- /.tap-page -->

<!-- ══════════════ JAVASCRIPT ══════════════ -->
<script>
function tapToggleFaq(btn) {
  var item = btn.closest('.tap-faq-item');
  var isOpen = item.classList.contains('open');
  document.querySelectorAll('.tap-faq-item').forEach(function(el) {
    el.classList.remove('open');
    el.querySelector('.tap-faq-btn').setAttribute('aria-expanded','false');
  });
  if (!isOpen) {
    item.classList.add('open');
    btn.setAttribute('aria-expanded','true');
  }
}

// Scroll reveal suave
(function() {
  if (typeof IntersectionObserver === 'undefined') return;
  var obs = new IntersectionObserver(function(entries) {
    entries.forEach(function(e) {
      if (e.isIntersecting) {
        e.target.style.opacity = '1';
        e.target.style.transform = 'translateY(0)';
      }
    });
  }, { threshold: 0.07 });

  document.querySelectorAll('.tap-ben-card, .tap-prod-card, .tap-rev-card, .tap-steps-list li').forEach(function(el) {
    el.style.opacity = '0';
    el.style.transform = 'translateY(16px)';
    el.style.transition = 'opacity 0.42s ease, transform 0.42s ease';
    obs.observe(el);
  });
})();
</script>