{"id":58,"date":"2026-08-31T03:56:47","date_gmt":"2026-08-31T03:56:47","guid":{"rendered":"https:\/\/coronabuildingcleaning.com\/?page_id=58"},"modified":"2026-09-29T21:42:25","modified_gmt":"2026-09-29T21:42:25","slug":"home","status":"publish","type":"page","link":"https:\/\/coronabuildingcleaning.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"58\" class=\"elementor elementor-58\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0df7854 e-con-full e-flex e-con e-parent\" data-id=\"0df7854\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d8f7e0 elementor-widget elementor-widget-html\" data-id=\"9d8f7e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================\r\nCORONA BUILDING CLEANING \u2014 HOME \/ SECCI\u00d3N 1: HERO\r\nFoto de fondo a pantalla completa (m\u00e1s alta que el resto de los\r\nbanners del sitio \u2014 esta es LA portada). El titular se revela\r\npalabra por palabra con un efecto de cortina, no un fade plano.\r\nDebajo, una barra de confianza flotante con n\u00fameros que cuentan\r\nhacia arriba cuando entra en pantalla.\r\n\r\nPOSICI\u00d3N DE LA FOTO: pega tu link en el url() de .home-hero-bg.\r\nIdeal: foto real del equipo trabajando o de una cocina reluciente,\r\n1920px+ de ancho, horizontal.\r\n=================================================================== -->\r\n\r\n<style>\r\n  .home-hero{\r\n    --navy: #11192C;\r\n    --navy-deep: #0A0F1A;\r\n    --gold: #E3A845;\r\n    --gold-light: #F3C35F;\r\n    font-family:'Montserrat', sans-serif;\r\n    position:relative;\r\n    min-height:100vh;\r\n    min-height:100dvh;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    overflow:hidden;\r\n    padding:64px 20px 90px;\r\n  }\r\n  .home-hero-media{\r\n    position:absolute;\r\n    inset:-4%;\r\n    overflow:hidden;\r\n    background:var(--navy-deep);\r\n    animation:heroZoom 26s ease-in-out infinite alternate;\r\n  }\r\n  .home-hero-video{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    object-position:center 35%;\r\n  }\r\n  .home-hero-media::after{\r\n    content:'';\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(100deg, rgba(10,15,26,0.88) 20%, rgba(10,15,26,0.45) 65%, rgba(10,15,26,0.75) 100%);\r\n  }\r\n  @keyframes heroZoom{\r\n    from{transform:scale(1);}\r\n    to{transform:scale(1.08);}\r\n  }\r\n\r\n  .home-hero-content{position:relative; z-index:2; max-width:640px; margin:0 auto; color:#fff; text-align:center;}\r\n\r\n  .home-hero-crown{\r\n    display:block;\r\n    width:52px !important;\r\n    height:52px !important;\r\n    max-width:52px !important;\r\n    margin:0 auto 18px;\r\n    opacity:0;\r\n    animation:crownDrop 0.7s cubic-bezier(.2,1.3,.4,1) 0.1s forwards;\r\n  }\r\n  .home-hero-crown svg{\r\n    width:100% !important;\r\n    height:100% !important;\r\n    max-width:100% !important;\r\n    fill:none; stroke:var(--gold); stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round;\r\n    filter:drop-shadow(0 0 10px rgba(227,168,69,0.55));\r\n  }\r\n  @keyframes crownDrop{\r\n    0%{opacity:0; transform:translateY(-18px) scale(0.7) rotate(-8deg);}\r\n    60%{opacity:1; transform:translateY(3px) scale(1.03) rotate(2deg);}\r\n    100%{opacity:1; transform:translateY(0) scale(1) rotate(0deg);}\r\n  }\r\n  .home-hero-crown-glow{\r\n    animation:crownPulse 2.6s ease-in-out infinite;\r\n  }\r\n  @keyframes crownPulse{\r\n    0%,100%{filter:drop-shadow(0 0 6px rgba(227,168,69,0.4));}\r\n    50%{filter:drop-shadow(0 0 16px rgba(227,168,69,0.85));}\r\n  }\r\n  .home-hero-eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:11.5px;\r\n    letter-spacing:0.14em;\r\n    text-transform:uppercase;\r\n    color:var(--gold-light);\r\n    margin:0 0 20px;\r\n  }\r\n  .home-hero-eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--gold); animation:pulse 2s infinite;}\r\n  @keyframes pulse{\r\n    0%,100%{opacity:1;} 50%{opacity:0.35;}\r\n  }\r\n\r\n  .home-hero h1{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:clamp(34px, 6.5vw, 58px);\r\n    line-height:1.08;\r\n    margin:0 0 22px;\r\n  }\r\n  .home-hero h1 .word{\r\n    display:inline-block;\r\n    overflow:hidden;\r\n    vertical-align:top;\r\n  }\r\n  .home-hero h1 .word span{\r\n    display:inline-block;\r\n    transform:translateY(115%);\r\n    animation:wordReveal 0.65s cubic-bezier(.2,.8,.2,1) forwards;\r\n  }\r\n  @keyframes wordReveal{\r\n    to{transform:translateY(0);}\r\n  }\r\n  .home-hero h1 .word.gold span{\r\n    color:var(--gold-light);\r\n    animation:wordReveal 0.65s cubic-bezier(.2,.8,.2,1) forwards, goldGlow 2.4s ease-in-out 1.3s infinite;\r\n  }\r\n  @keyframes goldGlow{\r\n    0%,100%{text-shadow:0 0 0 transparent;}\r\n    50%{text-shadow:0 0 18px rgba(243,195,95,0.65);}\r\n  }\r\n\r\n  .home-hero p{\r\n    font-size:16px;\r\n    line-height:1.65;\r\n    color:#CBD8DD;\r\n    max-width:480px;\r\n    margin:0 auto 32px;\r\n    opacity:0;\r\n    animation:heroFadeUp 0.6s ease 1.05s forwards;\r\n  }\r\n  @keyframes heroFadeUp{\r\n    from{opacity:0; transform:translateY(12px);}\r\n    to{opacity:1; transform:translateY(0);}\r\n  }\r\n\r\n  .home-hero-actions{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    justify-content:center;\r\n    gap:14px;\r\n    opacity:0;\r\n    animation:heroFadeUp 0.6s ease 1.2s forwards;\r\n  }\r\n  .home-hero-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-weight:600;\r\n    font-size:14.5px;\r\n    padding:14px 26px;\r\n    border-radius:26px;\r\n    text-decoration:none;\r\n  }\r\n  .home-hero-btn.is-primary{background:var(--gold); color:var(--navy-deep);}\r\n  .home-hero-btn.is-primary:hover{background:var(--gold-light);}\r\n  .home-hero-btn.is-secondary{border:1.5px solid rgba(255,255,255,0.35); color:#fff;}\r\n  .home-hero-btn.is-secondary:hover{border-color:var(--gold-light); color:var(--gold-light);}\r\n  .home-hero-btn svg{width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}\r\n\r\n  \/* ---- Barra de confianza flotante ---- *\/\r\n  .home-trust{\r\n    position:relative;\r\n    z-index:3;\r\n    max-width:920px;\r\n    margin:-90px auto 0;\r\n    background:#fff;\r\n    border-radius:18px;\r\n    box-shadow:0 24px 60px rgba(17,25,44,0.2);\r\n    display:grid;\r\n    grid-template-columns:repeat(3, 1fr);\r\n    padding:26px 10px;\r\n  }\r\n  .home-trust-item{\r\n    text-align:center;\r\n    padding:6px 8px;\r\n    border-right:1px solid #E4E9EA;\r\n  }\r\n  .home-trust-item:last-child{border-right:none;}\r\n  .home-trust-num{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:clamp(20px, 4vw, 30px);\r\n    color:var(--navy);\r\n    display:block;\r\n  }\r\n  .home-trust-num .suffix{color:var(--gold);}\r\n  .home-trust-label{\r\n    display:block;\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:9.5px;\r\n    letter-spacing:0.03em;\r\n    text-transform:uppercase;\r\n    color:#6C7A80;\r\n    margin-top:4px;\r\n  }\r\n\r\n  @media (max-width:640px){\r\n    .home-hero{min-height:100vh; min-height:100dvh; padding:60px 18px 96px;}\r\n    .home-trust{margin:-40px 16px 0;}\r\n    .home-hero-btn{font-size:13.5px; padding:12px 20px;}\r\n  }\r\n  @media (prefers-reduced-motion: reduce){\r\n    .home-hero-media{animation:none;}\r\n    .home-hero h1 .word span{animation:none; transform:none;}\r\n    .home-hero p, .home-hero-actions{animation:none; opacity:1;}\r\n    .home-hero-crown{animation:none; opacity:1;}\r\n    .home-hero-crown-glow{animation:none;}\r\n    .home-hero h1 .word.gold span{animation:none; text-shadow:none;}\r\n  }\r\n<\/style>\r\n\r\n<section class=\"home-hero\">\r\n  <div class=\"home-hero-media\">\r\n    <!-- PEGAR LINK DEL VIDEO AQU\u00cd (en el src del <source>).\r\n         Ideal: video horizontal, sin audio importante (queda muted),\r\n         10-20 segundos en loop, 1920px+ de ancho. -->\r\n    <video class=\"home-hero-video\" autoplay muted loop playsinline poster=\"\">\r\n      <source src=\"https:\/\/coronabuildingcleaning.com\/wp-content\/uploads\/2026\/08\/1115154_Hands_Cleaning_1280x720.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n  <\/div>\r\n  <div class=\"home-hero-content\">\r\n    <span class=\"home-hero-crown\" style=\"display:block !important; width:52px !important; height:52px !important; max-width:52px !important;\"><svg class=\"home-hero-crown-glow\" viewBox=\"0 0 64 64\" width=\"52\" height=\"52\" style=\"width:52px !important; height:52px !important; max-width:52px !important;\"><path d=\"M8 44h48l-4-22-12 10-8-18-8 18-12-10-4 22z\"\/><path d=\"M8 44h48v6H8z\"\/><\/svg><\/span>\r\n    <div class=\"home-hero-eyebrow\"><span class=\"dot\"><\/span> Eastvale, CA \u00b7 Serving the Inland Empire<\/div>\r\n    <h1>\r\n      <span class=\"word\"><span>Spotless<\/span><\/span> <span class=\"word\"><span>spaces,<\/span><\/span> <span class=\"word gold\"><span>zero<\/span><\/span> <span class=\"word gold\"><span>stress.<\/span><\/span>\r\n    <\/h1>\r\n    <p>Commercial cleaning for restaurants and businesses across the Inland Empire \u2014 bonded, insured, and built around your hours.<\/p>\r\n    <div class=\"home-hero-actions\">\r\n      <a href=\"\/get-a-quote\/\" class=\"home-hero-btn is-primary\">Get a Free Quote <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n      <a href=\"\/gallery\/\" class=\"home-hero-btn is-secondary\">See our work<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"home-trust\">\r\n  <div class=\"home-trust-item\">\r\n    <span class=\"home-trust-num\" data-count=\"100\" data-suffix=\"%\">0<span class=\"suffix\">%<\/span><\/span>\r\n    <span class=\"home-trust-label\">Bonded &amp; Insured<\/span>\r\n  <\/div>\r\n  <div class=\"home-trust-item\">\r\n    <span class=\"home-trust-num\" data-count=\"15\" data-suffix=\" mi\">0<span class=\"suffix\"> mi<\/span><\/span>\r\n    <span class=\"home-trust-label\">Service Radius<\/span>\r\n  <\/div>\r\n  <div class=\"home-trust-item\">\r\n    <span class=\"home-trust-num\" data-count=\"24\" data-suffix=\"hr\">0<span class=\"suffix\">hr<\/span><\/span>\r\n    <span class=\"home-trust-label\">Avg. Quote Response<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var nums = document.querySelectorAll('.home-trust-num');\r\n  if(!nums.length) return;\r\n\r\n  function setValue(el, val, suffix){\r\n    el.childNodes[0].nodeValue = val;\r\n  }\r\n\r\n  function animateCount(el){\r\n    var target = parseInt(el.getAttribute('data-count'), 10);\r\n    var suffix = el.getAttribute('data-suffix') || '';\r\n    var start = null;\r\n    var duration = 1100;\r\n\r\n    function step(ts){\r\n      if(!start) start = ts;\r\n      var progress = Math.min((ts - start) \/ duration, 1);\r\n      var eased = 1 - Math.pow(1 - progress, 3);\r\n      var current = Math.round(eased * target);\r\n      setValue(el, current, suffix);\r\n      if(progress < 1) requestAnimationFrame(step);\r\n      else setValue(el, target, suffix);\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n    nums.forEach(function(el){ setValue(el, el.getAttribute('data-count'), ''); });\r\n    return;\r\n  }\r\n  if(!('IntersectionObserver' in window)){\r\n    nums.forEach(function(el){ setValue(el, el.getAttribute('data-count'), ''); });\r\n    return;\r\n  }\r\n\r\n  var observer = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){\r\n        animateCount(entry.target);\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.5 });\r\n\r\n  nums.forEach(function(el){ observer.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-753da51 e-con-full e-flex e-con e-parent\" data-id=\"753da51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80de4f4 elementor-widget elementor-widget-html\" data-id=\"80de4f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================\r\nCORONA BUILDING CLEANING \u2014 HOME \/ SECCI\u00d3N 2: SERVICIOS (PREVIEW) v2\r\nLayout asim\u00e9trico tipo \"bento\": la tarjeta de Cocina (la m\u00e1s pedida)\r\nqueda grande y destacada, las otras dos m\u00e1s chicas al lado \u2014 m\u00e1s\r\njerarqu\u00eda visual que una grilla pareja. Tarjetas con tilt 3D siguiendo\r\nel mouse + destello al pasar. Corta a prop\u00f3sito, enlaza a la p\u00e1gina\r\ncompleta de Services.\r\n\r\nPOSICI\u00d3N DE FOTOS (opcional): si quieres, puedes poner una foto de\r\nfondo por tarjeta reemplazando el linear-gradient de .svc-prev-bg\r\npor una url() \u2014 por ahora quedan con degradado de marca + \u00edcono.\r\n=================================================================== -->\r\n\r\n<style>\r\n  .home-services{\r\n    --navy: #11192C;\r\n    --navy-deep: #0A0F1A;\r\n    --gold: #E3A845;\r\n    --gold-light: #F3C35F;\r\n    --gold-deep: #C4872E;\r\n    --slate: #6C7A80;\r\n    font-family:'Montserrat', sans-serif;\r\n    background:#fff;\r\n    padding:70px 20px 64px;\r\n  }\r\n  .home-services-head{\r\n    max-width:620px;\r\n    margin:0 auto 44px;\r\n    text-align:center;\r\n  }\r\n  .home-services-eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:11px;\r\n    letter-spacing:0.12em;\r\n    text-transform:uppercase;\r\n    color:var(--gold-deep);\r\n    margin:0 0 14px;\r\n  }\r\n  .home-services-eyebrow::before, .home-services-eyebrow::after{\r\n    content:'';\r\n    width:22px; height:1px;\r\n    background:var(--gold-deep);\r\n  }\r\n  .home-services-head h2{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:clamp(28px, 5.5vw, 40px);\r\n    line-height:1.1;\r\n    color:var(--navy);\r\n    margin:0 0 12px;\r\n  }\r\n  .home-services-head p{\r\n    font-size:14.5px;\r\n    color:var(--slate);\r\n    margin:0;\r\n  }\r\n\r\n  .svc-prev-grid{\r\n    max-width:1080px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:16px;\r\n    perspective:1200px;\r\n  }\r\n\r\n  .svc-prev-card{\r\n    position:relative;\r\n    border-radius:18px;\r\n    overflow:hidden;\r\n    aspect-ratio:4\/3;\r\n    opacity:0;\r\n    transform:translateY(24px);\r\n    transition:opacity 0.6s cubic-bezier(.22,.61,.36,1), transform 0.6s cubic-bezier(.22,.61,.36,1), box-shadow 0.3s ease;\r\n    will-change:transform;\r\n  }\r\n  .svc-prev-card.in-view{opacity:1; transform:translateY(0); transition:box-shadow 0.3s ease, transform 0.15s ease-out;}\r\n  .svc-prev-card:hover{box-shadow:0 24px 46px rgba(17,25,44,0.28);}\r\n  .svc-prev-card.is-featured{aspect-ratio:16\/11;}\r\n\r\n  .svc-prev-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    background-color:#1c2740;\r\n    background-image:linear-gradient(155deg, #1c2740, #0a0f1a);\r\n    background-size:cover;\r\n    background-position:center;\r\n    transition:transform 0.4s ease;\r\n  }\r\n  .svc-prev-card:hover .svc-prev-bg{transform:scale(1.06);}\r\n\r\n  .svc-prev-shine{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:1;\r\n    background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,0.18) 48%, transparent 66%);\r\n    transform:translateX(-120%);\r\n    pointer-events:none;\r\n  }\r\n  .svc-prev-card:hover .svc-prev-shine{animation:shineSweep 0.85s ease forwards;}\r\n  @keyframes shineSweep{ to{transform:translateX(120%);} }\r\n\r\n  .svc-prev-bg::after{\r\n    content:'';\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(200deg, transparent 35%, rgba(10,15,26,0.9) 100%);\r\n  }\r\n\r\n  .svc-prev-content{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:2;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:flex-end;\r\n    padding:22px;\r\n    color:#fff;\r\n  }\r\n  .svc-prev-num{\r\n    position:absolute;\r\n    top:18px; right:20px;\r\n    z-index:2;\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:13px;\r\n    color:rgba(255,255,255,0.35);\r\n  }\r\n  .svc-prev-content h3{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:18px;\r\n    margin:0 0 5px;\r\n  }\r\n  .svc-prev-card.is-featured .svc-prev-content h3{font-size:26px;}\r\n  .svc-prev-content p{\r\n    font-size:12.5px;\r\n    color:#B9CAD1;\r\n    margin:0;\r\n  }\r\n  .svc-prev-card.is-featured .svc-prev-content p{font-size:14px; max-width:340px;}\r\n\r\n  .svc-prev-tag{\r\n    position:absolute;\r\n    top:18px; left:20px;\r\n    z-index:2;\r\n    background:var(--gold);\r\n    color:var(--navy-deep);\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:0.05em;\r\n    text-transform:uppercase;\r\n    padding:5px 11px;\r\n    border-radius:11px;\r\n  }\r\n\r\n  .svc-prev-arrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:30px; height:30px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,0.12);\r\n    margin-top:12px;\r\n    transition:background 0.2s ease, transform 0.2s ease;\r\n  }\r\n  .svc-prev-card:hover .svc-prev-arrow{background:var(--gold); transform:translateX(3px);}\r\n  .svc-prev-arrow svg{width:13px; height:13px; fill:none; stroke:#fff; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}\r\n  .svc-prev-card:hover .svc-prev-arrow svg{stroke:var(--navy-deep);}\r\n\r\n  .home-services-cta{\r\n    display:block;\r\n    text-align:center;\r\n    max-width:1080px;\r\n    margin:40px auto 0;\r\n  }\r\n  .home-services-cta a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    background:var(--navy);\r\n    color:#fff;\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:600;\r\n    font-size:14.5px;\r\n    text-decoration:none;\r\n    padding:13px 26px;\r\n    border-radius:24px;\r\n    transition:background 0.2s ease;\r\n  }\r\n  .home-services-cta a:hover{background:var(--gold-deep); color:var(--navy-deep);}\r\n  .home-services-cta svg{width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}\r\n\r\n  @media (min-width:760px){\r\n    .svc-prev-grid{\r\n      grid-template-columns:1.4fr 1fr;\r\n      grid-template-rows:repeat(2, 1fr);\r\n      gap:18px;\r\n    }\r\n    .svc-prev-card.is-featured{grid-column:1; grid-row:1 \/ 3; aspect-ratio:auto; height:100%;}\r\n    .svc-prev-card:not(.is-featured){grid-column:2;}\r\n  }\r\n  @media (prefers-reduced-motion: reduce){\r\n    .svc-prev-card{transition:none !important; opacity:1 !important; transform:none !important;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"home-services\">\r\n  <div class=\"home-services-head\">\r\n    <div class=\"home-services-eyebrow\">What we do<\/div>\r\n    <h2>Every space, cleaned to 100%<\/h2>\r\n    <p>From the kitchen line to the front door \u2014 a full checklist, not a quick wipe-down.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"svc-prev-grid\">\r\n\r\n    <a href=\"\/services\/\" class=\"svc-prev-card is-featured\" data-tilt>\r\n      <span class=\"svc-prev-tag\">Most requested<\/span>\r\n      <!-- PEGAR LINK DE LA FOTO AQU\u00cd (Kitchen Deep Cleaning) -->\r\n      <div class=\"svc-prev-bg\" style=\"background-image:url('https:\/\/coronabuildingcleaning.com\/wp-content\/uploads\/2026\/08\/2150358956.jpg');\"><\/div>\r\n      <div class=\"svc-prev-shine\"><\/div>\r\n      <div class=\"svc-prev-content\">\r\n        <h3>Kitchen Deep Cleaning<\/h3>\r\n        <p>Hoods, filters, stoves &amp; flat-tops \u2014 inspection ready, every time.<\/p>\r\n        <span class=\"svc-prev-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"\/services\/\" class=\"svc-prev-card\" data-tilt>\r\n      <span class=\"svc-prev-num\">02<\/span>\r\n      <!-- PEGAR LINK DE LA FOTO AQU\u00cd (Floors & Drains) -->\r\n      <div class=\"svc-prev-bg\" style=\"background-image:url('https:\/\/coronabuildingcleaning.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_jx5ci2jx5ci2jx5c.jpg');\"><\/div>\r\n      <div class=\"svc-prev-shine\"><\/div>\r\n      <div class=\"svc-prev-content\">\r\n        <h3>Floors &amp; Drains<\/h3>\r\n        <p>Sweeping, mopping, drain sanitation.<\/p>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"\/services\/\" class=\"svc-prev-card\" data-tilt>\r\n      <span class=\"svc-prev-num\">03<\/span>\r\n      <!-- PEGAR LINK DE LA FOTO AQU\u00cd (Restrooms & Trash) -->\r\n      <div class=\"svc-prev-bg\" style=\"background-image:url('https:\/\/coronabuildingcleaning.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_j95fz6j95fz6j95f.jpg');\"><\/div>\r\n      <div class=\"svc-prev-shine\"><\/div>\r\n      <div class=\"svc-prev-content\">\r\n        <h3>Restrooms &amp; Trash<\/h3>\r\n        <p>Sanitized and odor-free, every visit.<\/p>\r\n      <\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"home-services-cta\">\r\n    <a href=\"\/services\/\">See all services <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var cards = document.querySelectorAll('.svc-prev-card');\r\n  if(!cards.length) return;\r\n\r\n  if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n    cards.forEach(function(el){ el.classList.add('in-view'); });\r\n  } else if('IntersectionObserver' in window){\r\n    var observer = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add('in-view');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\r\n    cards.forEach(function(el, i){\r\n      el.style.transitionDelay = (i % 3) * 0.1 + 's';\r\n      observer.observe(el);\r\n    });\r\n  } else {\r\n    cards.forEach(function(el){ el.classList.add('in-view'); });\r\n  }\r\n\r\n  if(window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches){\r\n    cards.forEach(function(card){\r\n      card.addEventListener('mousemove', function(e){\r\n        var rect = card.getBoundingClientRect();\r\n        var x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n        var y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n        var rotY = x * 8;\r\n        var rotX = y * -8;\r\n        card.style.transform = 'translateY(0) rotateX(' + rotX + 'deg) rotateY(' + rotY + 'deg) scale(1.015)';\r\n      });\r\n      card.addEventListener('mouseleave', function(){\r\n        card.style.transform = 'translateY(0) rotateX(0) rotateY(0) scale(1)';\r\n      });\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-697c280 e-con-full e-flex e-con e-parent\" data-id=\"697c280\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-460b31b elementor-widget elementor-widget-html\" data-id=\"460b31b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================\r\nCORONA BUILDING CLEANING \u2014 HOME \/ SECCI\u00d3N 3: POR QU\u00c9 ELEGIRNOS\r\nFoto a un lado + 4 razones con \u00edcono que se dibuja en trazo (stroke)\r\nal entrar en pantalla, una por una \u2014 no aparecen de golpe.\r\n\r\nPOSICI\u00d3N DE LA FOTO: pega tu link en el url() de .home-why-photo.\r\n=================================================================== -->\r\n\r\n<style>\r\n  .home-why{\r\n    --navy: #11192C;\r\n    --navy-deep: #0A0F1A;\r\n    --gold: #E3A845;\r\n    --gold-light: #F3C35F;\r\n    --gold-deep: #C4872E;\r\n    --ink: #EAF1F3;\r\n    --slate: #9FB4BB;\r\n    font-family:'Montserrat', sans-serif;\r\n    background:var(--navy);\r\n    padding:64px 20px;\r\n  }\r\n  .home-why-grid{\r\n    max-width:1040px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:36px;\r\n    align-items:center;\r\n  }\r\n\r\n  .home-why-photo{\r\n    position:relative;\r\n    width:100%;\r\n    aspect-ratio:4\/5;\r\n    border-radius:16px;\r\n    overflow:hidden;\r\n    background-color:#1c2740;\r\n    \/* PEGAR LINK DE LA FOTO AQU\u00cd *\/\r\n    background-image:url('https:\/\/coronabuildingcleaning.com\/wp-content\/uploads\/2026\/09\/piezas-25agost2026_Mesa-de-trabajo-1-scaled.jpg');\r\n    background-size:cover;\r\n    background-position:center;\r\n    opacity:0;\r\n    transform:translateX(-20px);\r\n    transition:opacity 0.6s ease, transform 0.6s ease;\r\n  }\r\n  .home-why-photo.in-view{opacity:1; transform:translateX(0);}\r\n  .home-why-photo::after{\r\n    content:'';\r\n    position:absolute;\r\n    inset:0;\r\n    border:1px solid rgba(227,168,69,0.3);\r\n    border-radius:16px;\r\n    margin:10px;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .home-why-eyebrow{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:11px;\r\n    letter-spacing:0.1em;\r\n    text-transform:uppercase;\r\n    color:var(--gold-light);\r\n    margin:0 0 10px;\r\n  }\r\n  .home-why-text h2{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:clamp(24px, 4.5vw, 30px);\r\n    color:#fff;\r\n    margin:0 0 26px;\r\n  }\r\n\r\n  .home-why-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:20px;\r\n  }\r\n  .home-why-item{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:14px;\r\n  }\r\n  .home-why-icon{\r\n    flex:none;\r\n    width:38px; height:38px;\r\n  }\r\n  .home-why-icon svg{\r\n    width:100%; height:100%;\r\n    fill:none;\r\n    stroke:var(--gold-deep);\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n    stroke-dasharray:100;\r\n    stroke-dashoffset:100;\r\n    transition:stroke-dashoffset 0.8s ease;\r\n  }\r\n  .home-why-item.in-view .home-why-icon svg{stroke-dashoffset:0;}\r\n  .home-why-item h3{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:15.5px;\r\n    color:#fff;\r\n    margin:0 0 4px;\r\n    opacity:0;\r\n    transform:translateY(6px);\r\n    transition:opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;\r\n  }\r\n  .home-why-item.in-view h3{opacity:1; transform:translateY(0);}\r\n  .home-why-item p{\r\n    font-size:13.5px;\r\n    line-height:1.55;\r\n    color:var(--slate);\r\n    margin:0;\r\n    opacity:0;\r\n    transform:translateY(6px);\r\n    transition:opacity 0.4s ease 0.3s, transform 0.4s ease 0.3s;\r\n  }\r\n  .home-why-item.in-view p{opacity:1; transform:translateY(0);}\r\n\r\n  @media (min-width:860px){\r\n    .home-why-grid{grid-template-columns:1fr 1.1fr;}\r\n  }\r\n  @media (prefers-reduced-motion: reduce){\r\n    .home-why-photo, .home-why-icon svg, .home-why-item h3, .home-why-item p{\r\n      transition:none !important; opacity:1 !important; transform:none !important; stroke-dashoffset:0 !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"home-why\">\r\n  <div class=\"home-why-grid\">\r\n\r\n    <div class=\"home-why-photo\"><\/div>\r\n\r\n    <div class=\"home-why-text\">\r\n      <div class=\"home-why-eyebrow\">Why businesses choose us<\/div>\r\n      <h2>Reliable, thorough, and easy to work with<\/h2>\r\n\r\n      <div class=\"home-why-list\">\r\n        <div class=\"home-why-item\">\r\n          <span class=\"home-why-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3.5 2\"\/><\/svg><\/span>\r\n          <div>\r\n            <h3>Punctual, every time<\/h3>\r\n            <p>We show up when we say we will \u2014 no last-minute surprises.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"home-why-item\">\r\n          <span class=\"home-why-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l7 4v6c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-4z\"\/><\/svg><\/span>\r\n          <div>\r\n            <h3>Bonded &amp; insured<\/h3>\r\n            <p>Documentation available for property managers and inspectors.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"home-why-item\">\r\n          <span class=\"home-why-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v16H4z\"\/><path d=\"M4 9h16M9 4v16\"\/><\/svg><\/span>\r\n          <div>\r\n            <h3>Scheduled around you<\/h3>\r\n            <p>Nights, weekends, or whatever fits your hours of operation.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"home-why-item\">\r\n          <span class=\"home-why-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\r\n          <div>\r\n            <h3>Consistent quality<\/h3>\r\n            <p>The same standard, every visit \u2014 no shortcuts.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var targets = document.querySelectorAll('.home-why-photo, .home-why-item');\r\n  if(!targets.length) return;\r\n\r\n  if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n    targets.forEach(function(el){ el.classList.add('in-view'); });\r\n    return;\r\n  }\r\n  if(!('IntersectionObserver' in window)){\r\n    targets.forEach(function(el){ el.classList.add('in-view'); });\r\n    return;\r\n  }\r\n\r\n  var observer = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('in-view');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.2, rootMargin: '0px 0px -40px 0px' });\r\n\r\n  var items = document.querySelectorAll('.home-why-item');\r\n  items.forEach(function(el, i){\r\n    el.style.transitionDelay = (i * 0.12) + 's';\r\n    observer.observe(el);\r\n  });\r\n  observer.observe(document.querySelector('.home-why-photo'));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c1e988 e-con-full e-flex e-con e-parent\" data-id=\"6c1e988\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1129d4 elementor-widget elementor-widget-html\" data-id=\"a1129d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================\r\nCORONA BUILDING CLEANING \u2014 HOME \/ SECCI\u00d3N: ABOUT US (PREVIEW) v3\r\nArregla el bug real de la v2: el texto se sal\u00eda de la pantalla\r\nporque la columna de texto no ten\u00eda min-width:0 (bug cl\u00e1sico de\r\nCSS Grid con contenido largo) \u2014 ahora est\u00e1 blindado con !important\r\nen los puntos cr\u00edticos del layout. La foto placeholder ya no es un\r\ncuadro navy vac\u00edo: lleva una corona grande de marca de agua mientras\r\nno hay foto real.\r\n\r\nPOSICI\u00d3N DE LA FOTO: pega tu link en el url() de .home-about-photo.\r\nIdeal: foto de Estela y Antonio, o del equipo.\r\n=================================================================== -->\r\n\r\n<style>\r\n  .home-about-preview{\r\n    --navy: #11192C;\r\n    --navy-deep: #0A0F1A;\r\n    --gold: #E3A845;\r\n    --gold-light: #F3C35F;\r\n    --gold-deep: #C4872E;\r\n    --slate: #6C7A80;\r\n    font-family:'Montserrat', sans-serif;\r\n    background:#F7F5F1;\r\n    padding:68px 20px;\r\n    box-sizing:border-box;\r\n  }\r\n  .home-about-preview *{box-sizing:border-box;}\r\n\r\n  .home-about-grid{\r\n    max-width:1040px !important;\r\n    width:100%;\r\n    margin:0 auto !important;\r\n    display:grid !important;\r\n    grid-template-columns:1fr !important;\r\n    gap:36px;\r\n    align-items:center;\r\n  }\r\n\r\n  .home-about-photo-wrap{\r\n    position:relative;\r\n    max-width:380px;\r\n    width:100%;\r\n    margin:0 auto;\r\n    min-width:0;\r\n    opacity:0;\r\n    transform:scale(0.94);\r\n    transition:opacity 0.6s ease, transform 0.6s ease;\r\n  }\r\n  .home-about-photo-wrap.in-view{opacity:1; transform:scale(1);}\r\n\r\n  .home-about-photo{\r\n    position:relative;\r\n    width:100%;\r\n    aspect-ratio:4\/5;\r\n    border-radius:18px;\r\n    overflow:hidden;\r\n    background-color:#152238;\r\n    \/* PEGAR LINK DE LA FOTO AQU\u00cd *\/\r\n    background-image:url('https:\/\/coronabuildingcleaning.com\/wp-content\/uploads\/2026\/09\/piezas-25agost2026_Mesa-de-trabajo-1-copia-scaled.jpg');\r\n    background-size:cover;\r\n    background-position:center;\r\n    box-shadow:0 24px 50px rgba(17,25,44,0.22);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n  }\r\n  .home-about-photo-watermark{\r\n    width:44%;\r\n    opacity:0.16;\r\n  }\r\n  .home-about-photo-watermark svg{width:100%; height:100%; fill:none; stroke:var(--gold); stroke-width:1;}\r\n  .home-about-photo::after{\r\n    content:'';\r\n    position:absolute;\r\n    inset:0;\r\n    border:1px solid rgba(227,168,69,0.35);\r\n    border-radius:18px;\r\n    margin:10px;\r\n    pointer-events:none;\r\n  }\r\n  .home-about-folio{\r\n    position:absolute;\r\n    bottom:-14px; left:16px;\r\n    background:var(--navy);\r\n    color:var(--gold-light);\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:10.5px;\r\n    letter-spacing:0.05em;\r\n    padding:8px 14px;\r\n    border-radius:9px;\r\n    box-shadow:0 8px 18px rgba(17,25,44,0.3);\r\n    white-space:nowrap;\r\n  }\r\n\r\n  .home-about-text{\r\n    min-width:0;\r\n    max-width:100%;\r\n    opacity:0;\r\n    transform:translateY(16px);\r\n    transition:opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\r\n    text-align:center;\r\n  }\r\n  .home-about-text.in-view{opacity:1; transform:translateY(0);}\r\n  .home-about-eyebrow{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:11px;\r\n    letter-spacing:0.1em;\r\n    text-transform:uppercase;\r\n    color:var(--gold-deep);\r\n    margin:0 0 14px;\r\n  }\r\n  .home-about-quote{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:clamp(20px, 4vw, 27px);\r\n    line-height:1.35;\r\n    color:var(--navy);\r\n    margin:0 0 20px;\r\n    max-width:100%;\r\n    word-wrap:break-word;\r\n    overflow-wrap:break-word;\r\n  }\r\n  .home-about-quote span{color:var(--gold-deep);}\r\n  .home-about-signoff{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:12px;\r\n    color:var(--slate);\r\n    margin:0 0 26px;\r\n  }\r\n  .home-about-signoff strong{color:var(--navy); font-family:'Montserrat', sans-serif; font-weight:600;}\r\n\r\n  .home-about-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    background:var(--navy);\r\n    color:#fff;\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:600;\r\n    font-size:14px;\r\n    text-decoration:none;\r\n    padding:13px 26px;\r\n    border-radius:24px;\r\n    transition:background 0.2s ease, transform 0.15s ease;\r\n  }\r\n  .home-about-btn:hover{background:var(--gold-deep); color:var(--navy-deep); transform:translateY(-1px);}\r\n  .home-about-btn svg{width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}\r\n\r\n  @media (min-width:760px){\r\n    .home-about-grid{grid-template-columns:0.9fr 1.1fr !important;}\r\n    .home-about-photo-wrap{margin:0;}\r\n    .home-about-text{text-align:left;}\r\n  }\r\n  @media (prefers-reduced-motion: reduce){\r\n    .home-about-photo-wrap, .home-about-text{transition:none !important; opacity:1 !important; transform:none !important;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"home-about-preview\">\r\n  <div class=\"home-about-grid\">\r\n\r\n    <div class=\"home-about-photo-wrap\">\r\n      <div class=\"home-about-photo\">\r\n        <span class=\"home-about-photo-watermark\"><svg viewBox=\"0 0 64 64\"><path d=\"M8 44h48l-4-22-12 10-8-18-8 18-12-10-4 22z\"\/><path d=\"M8 44h48v6H8z\"\/><\/svg><\/span>\r\n      <\/div>\r\n      <span class=\"home-about-folio\">EST. EASTVALE \u00b7 CA<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"home-about-text\">\r\n      <div class=\"home-about-eyebrow\">About Us<\/div>\r\n      <p class=\"home-about-quote\">&quot;Our commitment is simple: <span>the best service and quality<\/span>, in everything we do.&quot;<\/p>\r\n      <p class=\"home-about-signoff\"><strong>Estela Mendoza &amp; Antonio Estrada<\/strong> \u2014 Founders<\/p>\r\n      <a href=\"\/about-us\/\" class=\"home-about-btn\">Meet the team <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var targets = document.querySelectorAll('.home-about-photo-wrap, .home-about-text');\r\n  if(!targets.length) return;\r\n\r\n  if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n    targets.forEach(function(el){ el.classList.add('in-view'); });\r\n    return;\r\n  }\r\n  if(!('IntersectionObserver' in window)){\r\n    targets.forEach(function(el){ el.classList.add('in-view'); });\r\n    return;\r\n  }\r\n  var observer = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('in-view');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.2, rootMargin: '0px 0px -40px 0px' });\r\n  targets.forEach(function(el){ observer.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03cbedd e-con-full e-flex e-con e-parent\" data-id=\"03cbedd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51edc92 elementor-widget elementor-widget-html\" data-id=\"51edc92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================\r\nCORONA BUILDING CLEANING \u2014 HOME \/ SECCI\u00d3N 4: TESTIMONIOS + ZONAS\r\nConcepto: cinta horizontal de rese\u00f1as en movimiento continuo (loop\r\ninfinito), no un carrusel con flechas \u2014 se siente m\u00e1s vivo y no\r\nnecesita que el usuario haga nada. Debajo, franja compacta con las\r\nciudades de cobertura, enlazando a la p\u00e1gina completa.\r\n\r\n\u26a0\ufe0f Los testimonios son de relleno \u2014 reemplazar cuando tengan reales\r\n(mismo contenido que ya usamos en la p\u00e1gina de Reviews).\r\n=================================================================== -->\r\n\r\n<style>\r\n  .home-marquee-section{\r\n    --navy: #11192C;\r\n    --navy-deep: #0A0F1A;\r\n    --gold: #E3A845;\r\n    --gold-deep: #C4872E;\r\n    --slate: #6C7A80;\r\n    font-family:'Montserrat', sans-serif;\r\n    background:var(--navy);\r\n    padding:56px 0 0;\r\n    overflow:hidden;\r\n  }\r\n  .home-marquee-head{\r\n    max-width:600px;\r\n    margin:0 auto 32px;\r\n    padding:0 20px;\r\n    text-align:center;\r\n    color:#fff;\r\n  }\r\n  .home-marquee-head .eyebrow{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:11px;\r\n    letter-spacing:0.1em;\r\n    text-transform:uppercase;\r\n    color:var(--gold);\r\n    margin:0 0 10px;\r\n  }\r\n  .home-marquee-head h2{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:clamp(22px, 4vw, 28px);\r\n    margin:0;\r\n  }\r\n\r\n  .home-marquee-track{\r\n    display:flex;\r\n    gap:18px;\r\n    width:max-content;\r\n    animation:marqueeScroll 32s linear infinite;\r\n    will-change:transform;\r\n    backface-visibility:hidden;\r\n  }\r\n  @keyframes marqueeScroll{\r\n    from{transform:translate3d(0,0,0);}\r\n    to{transform:translate3d(-50%,0,0);}\r\n  }\r\n\r\n  .home-quote-card{\r\n    flex:none;\r\n    width:280px;\r\n    background:rgba(255,255,255,0.05);\r\n    border:1px solid rgba(255,255,255,0.1);\r\n    border-radius:14px;\r\n    padding:20px;\r\n    color:#fff;\r\n  }\r\n  .home-quote-stars{display:flex; gap:2px; margin-bottom:10px;}\r\n  .home-quote-stars svg{width:12px; height:12px; fill:var(--gold);}\r\n  .home-quote-card p{\r\n    font-size:13px;\r\n    line-height:1.55;\r\n    color:#D9E6EA;\r\n    margin:0 0 12px;\r\n  }\r\n  .home-quote-author{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:600;\r\n    font-size:12.5px;\r\n    color:var(--gold);\r\n  }\r\n  .home-quote-author span{\r\n    display:block;\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:400;\r\n    font-size:10px;\r\n    color:#8FB0BC;\r\n  }\r\n\r\n  .home-marquee-cta{\r\n    text-align:center;\r\n    padding:32px 20px 56px;\r\n  }\r\n  .home-marquee-cta a{\r\n    display:inline-flex !important;\r\n    align-items:center;\r\n    gap:8px;\r\n    background:var(--gold) !important;\r\n    color:var(--navy-deep) !important;\r\n    font-family:'Montserrat', sans-serif !important;\r\n    font-weight:600 !important;\r\n    font-size:13.5px !important;\r\n    text-decoration:none !important;\r\n    padding:12px 24px !important;\r\n    border-radius:22px !important;\r\n    border:none !important;\r\n    transition:background 0.2s ease, transform 0.15s ease;\r\n  }\r\n  .home-marquee-cta a:hover{background:var(--gold-light) !important; transform:translateY(-1px);}\r\n  .home-marquee-cta a svg{width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}\r\n\r\n  \/* ---- Franja de zonas de cobertura ---- *\/\r\n  .home-areas-strip{\r\n    background:#0D1524;\r\n    padding:40px 20px;\r\n    text-align:center;\r\n  }\r\n  .home-areas-strip-head{\r\n    max-width:480px;\r\n    margin:0 auto 28px;\r\n    color:#fff;\r\n  }\r\n  .home-areas-strip-head .eyebrow{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:10.5px;\r\n    letter-spacing:0.1em;\r\n    text-transform:uppercase;\r\n    color:var(--gold);\r\n    margin:0 0 8px;\r\n  }\r\n  .home-areas-strip-head h3{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:19px;\r\n    margin:0;\r\n  }\r\n\r\n  .home-radar{\r\n    position:relative;\r\n    width:150px;\r\n    height:150px;\r\n    margin:0 auto 20px;\r\n  }\r\n  .home-radar-ring{\r\n    position:absolute;\r\n    top:50%; left:50%;\r\n    border:1px dashed rgba(227,168,69,0.3);\r\n    border-radius:50%;\r\n    transform:translate(-50%,-50%);\r\n  }\r\n  .home-radar-ring.r1{width:40%; height:40%;}\r\n  .home-radar-ring.r2{width:72%; height:72%;}\r\n  .home-radar-ring.r3{width:100%; height:100%;}\r\n  .home-radar-sweep{\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:50%;\r\n    overflow:hidden;\r\n  }\r\n  .home-radar-sweep::before{\r\n    content:'';\r\n    position:absolute;\r\n    inset:0;\r\n    background:conic-gradient(from 0deg, rgba(227,168,69,0.35), transparent 30%, transparent 100%);\r\n    animation:radarSpin 4.5s linear infinite;\r\n  }\r\n  @keyframes radarSpin{\r\n    from{transform:rotate(0deg);}\r\n    to{transform:rotate(360deg);}\r\n  }\r\n  .home-radar-hq{\r\n    position:absolute;\r\n    top:50%; left:50%;\r\n    width:10px; height:10px;\r\n    border-radius:50%;\r\n    background:var(--gold);\r\n    box-shadow:0 0 0 4px rgba(227,168,69,0.22);\r\n    transform:translate(-50%,-50%);\r\n    z-index:2;\r\n  }\r\n  .home-radar-dot{\r\n    position:absolute;\r\n    width:6px; height:6px;\r\n    border-radius:50%;\r\n    background:#fff;\r\n    border:1.5px solid var(--gold);\r\n    transform:translate(-50%,-50%);\r\n    z-index:2;\r\n  }\r\n  .home-radar-dot::after{\r\n    content:'';\r\n    position:absolute;\r\n    inset:-2px;\r\n    border-radius:50%;\r\n    border:1px solid var(--gold);\r\n    opacity:0;\r\n    animation:dotPing 4.5s linear infinite;\r\n  }\r\n  .home-radar-dot.d2::after{animation-delay:0.6s;}\r\n  .home-radar-dot.d3::after{animation-delay:1.4s;}\r\n  .home-radar-dot.d4::after{animation-delay:2.1s;}\r\n  .home-radar-dot.d5::after{animation-delay:2.9s;}\r\n  @keyframes dotPing{\r\n    0%, 92%{transform:scale(1); opacity:0;}\r\n    94%{opacity:0.9;}\r\n    100%{transform:scale(2.6); opacity:0;}\r\n  }\r\n\r\n  .home-areas-strip a.home-areas-link{\r\n    display:inline-flex !important;\r\n    align-items:center;\r\n    gap:8px;\r\n    background:var(--gold) !important;\r\n    color:var(--navy-deep) !important;\r\n    font-family:'Montserrat', sans-serif !important;\r\n    font-weight:600 !important;\r\n    font-size:13px !important;\r\n    text-decoration:none !important;\r\n    padding:12px 24px !important;\r\n    border-radius:22px !important;\r\n    border:none !important;\r\n    transition:background 0.2s ease, transform 0.15s ease;\r\n  }\r\n  .home-areas-strip a.home-areas-link:hover{background:var(--gold-light) !important; transform:translateY(-1px);}\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .home-marquee-track{animation:none;}\r\n    .home-radar-sweep::before{animation:none; display:none;}\r\n    .home-radar-dot::after{animation:none !important; display:none;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"home-marquee-section\">\r\n  <div class=\"home-marquee-head\">\r\n    <div class=\"eyebrow\">Reviews<\/div>\r\n    <h2>What our clients say<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"home-marquee-track\">\r\n    <!-- Set 1 -->\r\n    <div class=\"home-quote-card\">\r\n      <div class=\"home-quote-stars\"><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><\/div>\r\n      <p>\"Our kitchen has never passed inspection this easily. The crew is thorough and always on time.\"<\/p>\r\n      <div class=\"home-quote-author\">Miguel R.<span>Restaurant owner<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"home-quote-card\">\r\n      <div class=\"home-quote-stars\"><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><\/div>\r\n      <p>\"Booking was easy and they worked around our office hours without any hassle.\"<\/p>\r\n      <div class=\"home-quote-author\">Jennifer L.<span>Office manager<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"home-quote-card\">\r\n      <div class=\"home-quote-stars\"><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><\/div>\r\n      <p>\"Professional, punctual, and the pricing was fair. Huge upgrade from our last company.\"<\/p>\r\n      <div class=\"home-quote-author\">Sofia A.<span>Restaurant manager<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"home-quote-card\">\r\n      <div class=\"home-quote-stars\"><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><\/div>\r\n      <p>\"Same-day quote, started the following week. Communication was clear the whole way.\"<\/p>\r\n      <div class=\"home-quote-author\">Robert C.<span>Business owner<\/span><\/div>\r\n    <\/div>\r\n    <!-- Set 2 (duplicado para el loop continuo) -->\r\n    <div class=\"home-quote-card\">\r\n      <div class=\"home-quote-stars\"><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><\/div>\r\n      <p>\"Our kitchen has never passed inspection this easily. The crew is thorough and always on time.\"<\/p>\r\n      <div class=\"home-quote-author\">Miguel R.<span>Restaurant owner<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"home-quote-card\">\r\n      <div class=\"home-quote-stars\"><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><\/div>\r\n      <p>\"Booking was easy and they worked around our office hours without any hassle.\"<\/p>\r\n      <div class=\"home-quote-author\">Jennifer L.<span>Office manager<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"home-quote-card\">\r\n      <div class=\"home-quote-stars\"><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><\/div>\r\n      <p>\"Professional, punctual, and the pricing was fair. Huge upgrade from our last company.\"<\/p>\r\n      <div class=\"home-quote-author\">Sofia A.<span>Restaurant manager<\/span><\/div>\r\n    <\/div>\r\n    <div class=\"home-quote-card\">\r\n      <div class=\"home-quote-stars\"><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.6 6 6.4.6-4.8 4.3 1.4 6.3L10 15l-5.6 3.2 1.4-6.3L1 7.6 7.4 7z\"\/><\/svg><\/div>\r\n      <p>\"Same-day quote, started the following week. Communication was clear the whole way.\"<\/p>\r\n      <div class=\"home-quote-author\">Robert C.<span>Business owner<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"home-marquee-cta\">\r\n    <a href=\"\/reviews\/\">Read all reviews <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"home-areas-strip\">\r\n  <div class=\"home-areas-strip-head\">\r\n    <div class=\"eyebrow\">Service Areas<\/div>\r\n    <h3>Serving businesses across the Inland Empire<\/h3>\r\n  <\/div>\r\n  <div class=\"home-radar\">\r\n    <div class=\"home-radar-ring r1\"><\/div>\r\n    <div class=\"home-radar-ring r2\"><\/div>\r\n    <div class=\"home-radar-ring r3\"><\/div>\r\n    <div class=\"home-radar-sweep\"><\/div>\r\n    <div class=\"home-radar-hq\"><\/div>\r\n    <div class=\"home-radar-dot\" style=\"top:22%; left:40%;\"><\/div>\r\n    <div class=\"home-radar-dot d2\" style=\"top:30%; left:68%;\"><\/div>\r\n    <div class=\"home-radar-dot d3\" style=\"top:60%; left:76%;\"><\/div>\r\n    <div class=\"home-radar-dot d4\" style=\"top:72%; left:32%;\"><\/div>\r\n    <div class=\"home-radar-dot d5\" style=\"top:50%; left:14%;\"><\/div>\r\n  <\/div>\r\n  <a href=\"\/service-areas\/\" class=\"home-areas-link\">See full coverage map <svg viewBox=\"0 0 24 24\" width=\"11\" height=\"11\" style=\"fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6ebbee e-con-full e-flex e-con e-parent\" data-id=\"e6ebbee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7d02fa elementor-widget elementor-widget-html\" data-id=\"d7d02fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================\r\nCORONA BUILDING CLEANING \u2014 HOME \/ SECCI\u00d3N: GALLERY (PREVIEW)\r\nColocar despu\u00e9s de la secci\u00f3n de Servicios (home-2) o de About\r\n(home-6) \u2014 antes de Testimonios\/Zonas. Grid de 4 fotos placeholder\r\nque se revelan en cascada, con link a la galer\u00eda completa.\r\n\r\nPOSICI\u00d3N DE FOTOS: pega tus links en los 4 url() de .gallery-prev-item\r\n(marcados uno por uno abajo).\r\n=================================================================== -->\r\n\r\n<style>\r\n  .home-gallery-preview{\r\n    --navy: #11192C;\r\n    --navy-deep: #0A0F1A;\r\n    --gold: #E3A845;\r\n    --gold-deep: #C4872E;\r\n    --slate: #6C7A80;\r\n    font-family:'Montserrat', sans-serif;\r\n    background:#F7F5F1;\r\n    padding:64px 20px;\r\n  }\r\n  .home-gallery-head{\r\n    max-width:560px;\r\n    margin:0 auto 32px;\r\n    text-align:center;\r\n  }\r\n  .home-gallery-eyebrow{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:11px;\r\n    letter-spacing:0.1em;\r\n    text-transform:uppercase;\r\n    color:var(--gold-deep);\r\n    margin:0 0 10px;\r\n  }\r\n  .home-gallery-head h2{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:clamp(22px, 4.5vw, 28px);\r\n    color:var(--navy);\r\n    margin:0;\r\n  }\r\n\r\n  .gallery-prev-grid{\r\n    max-width:900px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:repeat(2, 1fr);\r\n    gap:12px;\r\n  }\r\n  .gallery-prev-item{\r\n    position:relative;\r\n    aspect-ratio:1\/1;\r\n    border-radius:12px;\r\n    overflow:hidden;\r\n    background-color:#1c2740;\r\n    background-size:cover;\r\n    background-position:center;\r\n    opacity:0;\r\n    transform:scale(0.92);\r\n    transition:opacity 0.5s ease, transform 0.5s ease;\r\n  }\r\n  .gallery-prev-item.in-view{opacity:1; transform:scale(1);}\r\n  .gallery-prev-item:nth-child(1){background-image:url('https:\/\/coronabuildingcleaning.com\/wp-content\/uploads\/2026\/08\/istockphoto-2172691145-612x612-1.jpg');} \/* PEGAR LINK DE LA FOTO 1 AQU\u00cd *\/\r\n  .gallery-prev-item:nth-child(2){background-image:url('https:\/\/coronabuildingcleaning.com\/wp-content\/uploads\/2026\/08\/istockphoto-2172691489-612x612-1.jpg');} \/* PEGAR LINK DE LA FOTO 2 AQU\u00cd *\/\r\n  .gallery-prev-item:nth-child(3){background-image:url('https:\/\/coronabuildingcleaning.com\/wp-content\/uploads\/2026\/08\/cleaning-product-and-basket-with-woman-asian-staff-cleaning-service-in-bedroom-to-clean-bacteria-at-apartment-cleaner-or-maid-with-container-to-work-in-room-photo.jpg');} \/* PEGAR LINK DE LA FOTO 3 AQU\u00cd *\/\r\n  .gallery-prev-item:nth-child(4){background-image:url('https:\/\/coronabuildingcleaning.com\/wp-content\/uploads\/2026\/08\/istockphoto-2214252710-612x612-1.jpg');} \/* PEGAR LINK DE LA FOTO 4 AQU\u00cd *\/\r\n\r\n  .gallery-prev-item::after{\r\n    content:'';\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(200deg, transparent 55%, rgba(10,15,26,0.55) 100%);\r\n    opacity:0;\r\n    transition:opacity 0.25s ease;\r\n  }\r\n  .gallery-prev-item:hover::after{opacity:1;}\r\n\r\n  .home-gallery-cta{\r\n    text-align:center;\r\n    margin-top:30px;\r\n  }\r\n  .home-gallery-cta a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    background:var(--navy);\r\n    color:#fff;\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:600;\r\n    font-size:14px;\r\n    text-decoration:none;\r\n    padding:12px 24px;\r\n    border-radius:22px;\r\n    transition:background 0.2s ease;\r\n  }\r\n  .home-gallery-cta a:hover{background:var(--gold-deep); color:var(--navy-deep);}\r\n  .home-gallery-cta svg{width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}\r\n\r\n  @media (min-width:640px){\r\n    .gallery-prev-grid{grid-template-columns:repeat(4, 1fr);}\r\n  }\r\n  @media (prefers-reduced-motion: reduce){\r\n    .gallery-prev-item{transition:none !important; opacity:1 !important; transform:none !important;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"home-gallery-preview\">\r\n  <div class=\"home-gallery-head\">\r\n    <div class=\"home-gallery-eyebrow\">Gallery<\/div>\r\n    <h2>See the difference for yourself<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"gallery-prev-grid\">\r\n    <div class=\"gallery-prev-item\"><\/div>\r\n    <div class=\"gallery-prev-item\"><\/div>\r\n    <div class=\"gallery-prev-item\"><\/div>\r\n    <div class=\"gallery-prev-item\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"home-gallery-cta\">\r\n    <a href=\"\/gallery\/\">View full gallery <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var items = document.querySelectorAll('.gallery-prev-item');\r\n  if(!items.length) return;\r\n\r\n  if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n    items.forEach(function(el){ el.classList.add('in-view'); });\r\n    return;\r\n  }\r\n  if(!('IntersectionObserver' in window)){\r\n    items.forEach(function(el){ el.classList.add('in-view'); });\r\n    return;\r\n  }\r\n  var observer = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('in-view');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15, rootMargin: '0px 0px -30px 0px' });\r\n  items.forEach(function(el, i){\r\n    el.style.transitionDelay = (i * 0.08) + 's';\r\n    observer.observe(el);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b7d14f e-con-full e-flex e-con e-parent\" data-id=\"5b7d14f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60609e6 elementor-widget elementor-widget-html\" data-id=\"60609e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================\r\nCORONA BUILDING CLEANING \u2014 HOME \/ SECCI\u00d3N: FAQ (PREVIEW) v2\r\nFondo navy (le da ritmo de color contra las secciones claras\r\nalrededor) + el mismo lenguaje visual de la p\u00e1gina real de FAQ: el\r\npunto que hace ondas al abrir, y un brillo que recorre la respuesta\r\nuna vez revelada. <details>\/<summary> nativo, abre sin JavaScript.\r\n=================================================================== -->\r\n\r\n<style>\r\n  .home-faq-preview{\r\n    --navy: #11192C;\r\n    --navy-deep: #0A0F1A;\r\n    --gold: #E3A845;\r\n    --gold-light: #F3C35F;\r\n    --gold-deep: #C4872E;\r\n    --slate: #8FA0AA;\r\n    font-family:'Montserrat', sans-serif;\r\n    background:var(--navy);\r\n    padding:64px 20px 68px;\r\n  }\r\n  .home-faq-head{\r\n    max-width:520px;\r\n    margin:0 auto 32px;\r\n    text-align:center;\r\n  }\r\n  .home-faq-eyebrow{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-size:11px;\r\n    letter-spacing:0.12em;\r\n    text-transform:uppercase;\r\n    color:var(--gold-light);\r\n    margin:0 0 10px;\r\n  }\r\n  .home-faq-head h2{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:clamp(24px, 4.5vw, 30px);\r\n    color:#fff;\r\n    margin:0;\r\n  }\r\n\r\n  .home-faq-list{\r\n    max-width:620px;\r\n    margin:0 auto;\r\n  }\r\n  .home-faq-item{border-bottom:1px solid rgba(255,255,255,0.1);}\r\n  .home-faq-item:first-of-type{border-top:1px solid rgba(255,255,255,0.1);}\r\n\r\n  .home-faq-q{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:16px;\r\n    padding:20px 4px;\r\n    cursor:pointer;\r\n    list-style:none;\r\n  }\r\n  .home-faq-q::-webkit-details-marker{display:none;}\r\n  .home-faq-q::marker{content:'';}\r\n\r\n  .home-faq-drop{\r\n    position:relative;\r\n    flex:none;\r\n    width:9px; height:9px;\r\n    border-radius:50%;\r\n    background:var(--slate);\r\n    transition:background 0.3s ease;\r\n  }\r\n  .home-faq-item[open] .home-faq-drop{background:var(--gold);}\r\n  .home-faq-drop::before, .home-faq-drop::after{\r\n    content:'';\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:50%;\r\n    border:1.5px solid var(--gold);\r\n    opacity:0;\r\n  }\r\n  .home-faq-item[open] .home-faq-drop::before{animation:homeRipple 0.7s ease-out;}\r\n  .home-faq-item[open] .home-faq-drop::after{animation:homeRipple 0.7s ease-out 0.18s;}\r\n  @keyframes homeRipple{\r\n    0%{transform:scale(1); opacity:0.7;}\r\n    100%{transform:scale(3.2); opacity:0;}\r\n  }\r\n\r\n  .home-faq-q-text{\r\n    flex:1;\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:600;\r\n    font-size:16px;\r\n    color:#fff;\r\n    transition:color 0.2s ease;\r\n  }\r\n  .home-faq-item[open] .home-faq-q-text{color:var(--gold-light);}\r\n\r\n  .home-faq-plus{\r\n    flex:none;\r\n    width:20px; height:20px;\r\n    position:relative;\r\n  }\r\n  .home-faq-plus::before, .home-faq-plus::after{\r\n    content:'';\r\n    position:absolute;\r\n    top:50%; left:50%;\r\n    background:var(--slate);\r\n    transition:transform 0.3s ease, background 0.2s ease;\r\n  }\r\n  .home-faq-plus::before{width:11px; height:2px; transform:translate(-50%,-50%);}\r\n  .home-faq-plus::after{width:2px; height:11px; transform:translate(-50%,-50%);}\r\n  .home-faq-item[open] .home-faq-plus::before,\r\n  .home-faq-item[open] .home-faq-plus::after{background:var(--gold-light);}\r\n  .home-faq-item[open] .home-faq-plus::after{transform:translate(-50%,-50%) rotate(90deg) scaleY(0);}\r\n\r\n  .home-faq-a-wrap{\r\n    display:grid !important;\r\n    grid-template-rows:0fr;\r\n    transition:grid-template-rows 0.4s ease;\r\n  }\r\n  .home-faq-item[open] .home-faq-a-wrap{grid-template-rows:1fr;}\r\n  .home-faq-a-inner{overflow:hidden; position:relative;}\r\n  .home-faq-a{\r\n    padding:0 4px 22px 25px;\r\n    font-size:14px;\r\n    line-height:1.6;\r\n    color:var(--slate);\r\n    margin:0;\r\n  }\r\n  .home-faq-shine{\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(100deg, transparent 30%, rgba(255,255,255,0.55) 47%, rgba(227,168,69,0.3) 50%, rgba(255,255,255,0.55) 53%, transparent 70%);\r\n    transform:translateX(-140%);\r\n    pointer-events:none;\r\n  }\r\n  .home-faq-item[open] .home-faq-shine{\r\n    animation:homeShine 0.9s cubic-bezier(.3,0,.2,1) 0.05s forwards;\r\n  }\r\n  @keyframes homeShine{\r\n    to{transform:translateX(140%);}\r\n  }\r\n\r\n  .home-faq-cta{\r\n    text-align:center;\r\n    margin-top:30px;\r\n  }\r\n  .home-faq-cta a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    background:var(--gold);\r\n    color:var(--navy-deep);\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:600;\r\n    font-size:13.5px;\r\n    text-decoration:none;\r\n    padding:12px 24px;\r\n    border-radius:22px;\r\n    transition:background 0.2s ease;\r\n  }\r\n  .home-faq-cta a:hover{background:var(--gold-light);}\r\n  .home-faq-cta svg{width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .home-faq-drop::before, .home-faq-drop::after{animation:none !important;}\r\n    .home-faq-shine{animation:none !important; display:none;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"home-faq-preview\">\r\n  <div class=\"home-faq-head\">\r\n    <div class=\"home-faq-eyebrow\">FAQ<\/div>\r\n    <h2>Quick answers<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"home-faq-list\">\r\n\r\n    <details class=\"home-faq-item\" name=\"home-faq-group\">\r\n      <summary class=\"home-faq-q\">\r\n        <span class=\"home-faq-drop\"><\/span>\r\n        <span class=\"home-faq-q-text\">Are you licensed, bonded, and insured?<\/span>\r\n        <span class=\"home-faq-plus\"><\/span>\r\n      <\/summary>\r\n      <div class=\"home-faq-a-wrap\"><div class=\"home-faq-a-inner\">\r\n        <span class=\"home-faq-shine\"><\/span>\r\n        <p class=\"home-faq-a\">Yes \u2014 fully bonded and insured for commercial work, including restaurants and post-construction sites.<\/p>\r\n      <\/div><\/div>\r\n    <\/details>\r\n\r\n    <details class=\"home-faq-item\" name=\"home-faq-group\">\r\n      <summary class=\"home-faq-q\">\r\n        <span class=\"home-faq-drop\"><\/span>\r\n        <span class=\"home-faq-q-text\">What areas do you serve?<\/span>\r\n        <span class=\"home-faq-plus\"><\/span>\r\n      <\/summary>\r\n      <div class=\"home-faq-a-wrap\"><div class=\"home-faq-a-inner\">\r\n        <span class=\"home-faq-shine\"><\/span>\r\n        <p class=\"home-faq-a\">Eastvale and the surrounding Inland Empire area \u2014 see our full coverage map for details.<\/p>\r\n      <\/div><\/div>\r\n    <\/details>\r\n\r\n    <details class=\"home-faq-item\" name=\"home-faq-group\">\r\n      <summary class=\"home-faq-q\">\r\n        <span class=\"home-faq-drop\"><\/span>\r\n        <span class=\"home-faq-q-text\">How fast can you start?<\/span>\r\n        <span class=\"home-faq-plus\"><\/span>\r\n      <\/summary>\r\n      <div class=\"home-faq-a-wrap\"><div class=\"home-faq-a-inner\">\r\n        <span class=\"home-faq-shine\"><\/span>\r\n        <p class=\"home-faq-a\">We typically offer a free walkthrough and quote within the same week of your request.<\/p>\r\n      <\/div><\/div>\r\n    <\/details>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"home-faq-cta\">\r\n    <a href=\"\/faq\/\">See all FAQs <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2e535c e-con-full e-flex e-con e-parent\" data-id=\"e2e535c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf2b0d2 elementor-widget elementor-widget-html\" data-id=\"cf2b0d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================\r\nCORONA BUILDING CLEANING \u2014 HOME \/ SECCI\u00d3N 5: CTA FINAL\r\nBanda de cierre con un fondo en degradado que se mueve lentamente\r\n(no es una imagen \u2014 es un shift de gradiente animado), para que no\r\nse sienta como una banda est\u00e1tica m\u00e1s.\r\n=================================================================== -->\r\n\r\n<style>\r\n  .home-final-cta{\r\n    --navy: #11192C;\r\n    --navy-deep: #0A0F1A;\r\n    --gold: #E3A845;\r\n    --gold-light: #F3C35F;\r\n    font-family:'Montserrat', sans-serif;\r\n    position:relative;\r\n    background:linear-gradient(120deg, var(--navy-deep), var(--navy), #1c2740, var(--navy-deep));\r\n    background-size:300% 300%;\r\n    animation:gradientShift 12s ease infinite;\r\n    color:#fff;\r\n    text-align:center;\r\n    padding:70px 20px;\r\n    overflow:hidden;\r\n  }\r\n  @keyframes gradientShift{\r\n    0%{background-position:0% 50%;}\r\n    50%{background-position:100% 50%;}\r\n    100%{background-position:0% 50%;}\r\n  }\r\n\r\n  .home-final-cta-watermark{\r\n    position:absolute;\r\n    top:50%; left:50%;\r\n    width:480px; height:480px;\r\n    transform:translate(-50%,-50%);\r\n    z-index:1;\r\n    opacity:0.05;\r\n    animation:watermarkSpin 90s linear infinite;\r\n    pointer-events:none;\r\n  }\r\n  .home-final-cta-watermark svg{width:100%; height:100%; fill:none; stroke:#fff; stroke-width:0.6;}\r\n  @keyframes watermarkSpin{\r\n    from{transform:translate(-50%,-50%) rotate(0deg);}\r\n    to{transform:translate(-50%,-50%) rotate(360deg);}\r\n  }\r\n\r\n  .home-final-cta-content{position:relative; z-index:2; max-width:560px; margin:0 auto;}\r\n  .home-final-cta h2{\r\n    font-family:'Montserrat', sans-serif;\r\n    font-weight:700;\r\n    font-size:clamp(26px, 5vw, 36px);\r\n    margin:0 0 14px;\r\n  }\r\n  .home-final-cta p{\r\n    font-size:15px;\r\n    color:#B9CAD1;\r\n    margin:0 0 30px;\r\n  }\r\n  .home-final-cta-actions{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    justify-content:center;\r\n    gap:14px;\r\n  }\r\n  .home-final-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    font-weight:600;\r\n    font-size:15px;\r\n    padding:15px 30px;\r\n    border-radius:28px;\r\n    text-decoration:none;\r\n  }\r\n  .home-final-btn{position:relative; overflow:hidden;}\r\n  .home-final-btn.is-primary{background:var(--gold); color:var(--navy-deep);}\r\n  .home-final-btn.is-primary::after{\r\n    content:'';\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(110deg, transparent 20%, rgba(255,255,255,0.55) 45%, transparent 65%);\r\n    transform:translateX(-140%);\r\n    animation:btnShine 3.2s ease-in-out infinite;\r\n  }\r\n  @keyframes btnShine{\r\n    0%, 40%{transform:translateX(-140%);}\r\n    60%{transform:translateX(140%);}\r\n    100%{transform:translateX(140%);}\r\n  }\r\n  .home-final-btn.is-primary:hover{background:var(--gold-light);}\r\n  .home-final-btn.is-phone{color:#fff; font-family:'Montserrat', sans-serif; font-size:14px;}\r\n  .home-final-btn.is-phone:hover{color:var(--gold-light);}\r\n  .home-final-btn svg{width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .home-final-cta{animation:none;}\r\n    .home-final-cta-watermark{animation:none;}\r\n    .home-final-btn.is-primary::after{animation:none; display:none;}\r\n  }\r\n<\/style>\r\n\r\n<section class=\"home-final-cta\">\r\n  <span class=\"home-final-cta-watermark\"><svg viewBox=\"0 0 64 64\"><path d=\"M8 44h48l-4-22-12 10-8-18-8 18-12-10-4 22z\"\/><path d=\"M8 44h48v6H8z\"\/><\/svg><\/span>\r\n  <div class=\"home-final-cta-content\">\r\n    <h2>Let's make your space spotless<\/h2>\r\n    <p>Free walkthrough, no obligation \u2014 most quotes get a reply the same day.<\/p>\r\n    <div class=\"home-final-cta-actions\">\r\n      <a href=\"\/get-a-quote\/\" class=\"home-final-btn is-primary\"><span style=\"position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px;\">Get a Free Quote <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/a>\r\n      <a href=\"tel:+19514078316\" class=\"home-final-btn is-phone\">(951) 407-8316<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Eastvale, CA \u00b7 Serving the Inland Empire Spotless spaces, zero stress. Commercial cleaning for restaurants and businesses across the Inland Empire \u2014 bonded, insured, and built around your hours. Get a Free Quote See our work 0% Bonded &amp; Insured 0 mi Service Radius 0hr Avg. Quote Response What we do Every space, cleaned to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-58","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/coronabuildingcleaning.com\/es\/wp-json\/wp\/v2\/pages\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coronabuildingcleaning.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/coronabuildingcleaning.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/coronabuildingcleaning.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coronabuildingcleaning.com\/es\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":106,"href":"https:\/\/coronabuildingcleaning.com\/es\/wp-json\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":770,"href":"https:\/\/coronabuildingcleaning.com\/es\/wp-json\/wp\/v2\/pages\/58\/revisions\/770"}],"wp:attachment":[{"href":"https:\/\/coronabuildingcleaning.com\/es\/wp-json\/wp\/v2\/media?parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}