/* Diseño tipo Google Pixel: paneles redondeados, tarjetas claras, cabecera flotante, menú desplegable, pie de página */
    /* Estilo tipo Google Pixel: página blanca y aireada, paneles redondeados con tintes muy suaves, tarjetas gris claro */
    body,button,input,textarea,select{font-family:'Google Sans Flex','Google Sans',Arial,sans-serif}
    .crv-gb{transition:background-color .15s,color .15s,box-shadow .15s,border-color .15s!important;will-change:transform}
    .crv-wv-host{position:relative;overflow:hidden;isolation:isolate}
    .crv-wave{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;will-change:transform}
    .crv-wv-host.crv-wv-on{color:#fff!important}
    .crv-wv-host.crv-wv-on.crv-nl{background:transparent}
    /* Diagnóstico: tarjetas altas con degradado, como las de Pixel */
    #quiz-incidencias>div{max-width:1240px!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:32px!important;padding:clamp(8px,1.5vw,16px)!important}
    #quiz-incidencias h2{font-size:clamp(26px,3vw,34px)!important;font-weight:600!important;letter-spacing:-.02em}
    #incident-tabs{gap:14px!important}
    .incident-tab{position:relative;display:flex!important;flex-direction:column;align-items:center!important;text-align:center!important;min-height:250px;padding:24px 14px 0!important;border:0!important;border-radius:28px!important;background:linear-gradient(180deg,#f6f6f7 0%,var(--q) 100%)!important;box-shadow:none!important;overflow:hidden}
    .incident-tab>div:not(.icon-box){order:1;width:100%}
    .incident-tab .tab-title{font-size:clamp(19px,1.8vw,24px)!important;font-weight:500!important;letter-spacing:-.025em;line-height:1.12;color:#171a18!important}
    .incident-tab .tab-sub{font-size:13px!important;color:#2c332e!important;margin-top:6px!important}
    .crv-q-pill{order:2;margin-top:14px;display:inline-block;padding:9px 18px;border-radius:999px;background:#171a18;color:#fff;font-size:13px;font-weight:600;transition:background-color .2s}
    .incident-tab:hover .crv-q-pill{background:#2563eb}
    .incident-tab.active .crv-q-pill{background:#2563eb}
    .incident-tab .icon-box{order:3;margin:auto 0 -14px!important;width:84px!important;height:84px!important;border-radius:50%!important;background:rgba(255,255,255,.65)!important;color:#374151!important;display:flex;align-items:center;justify-content:center}
    .incident-tab .icon-box svg{width:32px!important;height:32px!important;stroke-width:1.5}
    .incident-tab.active{outline:3px solid var(--qd);outline-offset:-3px;background:linear-gradient(180deg,#f6f6f7 0%,var(--q) 100%)!important}
    .incident-tab.active .icon-box{background:#fff!important;color:#2563eb!important}
    .incident-tab.active .tab-title{color:#171a18!important}
    .incident-tab[data-index="0"]{--q:#fddedb;--qd:#e4766d}.incident-tab[data-index="1"]{--q:#e0dcf8;--qd:#7d70d6}.incident-tab[data-index="2"]{--q:#d6e3ff;--qd:#5b86ee}.incident-tab[data-index="3"]{--q:#d9f0e2;--qd:#45a870}
    #quiz-result{--r:#fddedb;--rd:#e4766d;background:linear-gradient(135deg,#fff 0%,var(--r) 100%)!important;border:0!important;border-radius:28px!important;padding:clamp(18px,2vw,26px) clamp(20px,2.4vw,32px)!important;box-shadow:inset 0 0 26px rgba(0,0,0,.07)}
    #incident-tabs:has(.incident-tab[data-index="1"].active)~#quiz-result{--r:#e0dcf8;--rd:#7d70d6}
    #incident-tabs:has(.incident-tab[data-index="2"].active)~#quiz-result{--r:#d6e3ff;--rd:#5b86ee}
    #incident-tabs:has(.incident-tab[data-index="3"].active)~#quiz-result{--r:#d9f0e2;--rd:#45a870}
    #quiz-result h4{font-size:clamp(18px,1.8vw,22px)!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.15;color:#171a18!important}
    #quiz-result p{font-size:15px!important;line-height:1.5;color:#2c332e!important;max-width:42em!important}
    #result-cta{padding:12px 24px!important;border-radius:999px!important;font-size:14px!important;background:#171a18!important}
    @media (max-width:767px){.incident-tab{min-height:210px;padding-top:18px!important}.incident-tab .icon-box{width:64px!important;height:64px!important;margin-bottom:-10px!important}.incident-tab .icon-box svg{width:26px!important;height:26px!important}.crv-q-pill{padding:8px 14px;font-size:12px}}
    /* Servicios: tarjetas anchas sin iconos, mismo tono */
    #servicios>div{max-width:1240px!important}
    #servicios h2{font-size:clamp(28px,3.4vw,40px)!important;font-weight:500!important;letter-spacing:-.03em}
    #servicios .w-12.h-12{display:none!important}
    #servicios .pixel-card{background:linear-gradient(180deg,#f7f8fa 0%,#e6ecf6 100%)!important;border:0!important;box-shadow:none!important;border-radius:28px!important;overflow:hidden}
    #servicios .cards-container{gap:14px!important}
    #servicios h3{font-size:clamp(21px,2vw,26px)!important;font-weight:500!important;letter-spacing:-.025em;line-height:1.15;color:#171a18!important}
    #servicios .pixel-card p{font-size:15px!important;color:#2c332e!important}
    #servicios .pixel-card .border-t{border-color:rgba(23,26,24,.1)!important}
    #servicios .pixel-card>a:last-child{align-self:flex-start;padding:11px 20px;border-radius:999px;background:#171a18;color:#fff!important;font-size:14px!important;transition:background-color .2s}
    #servicios .pixel-card>a:last-child:hover{background:#2563eb}
    #servicios .pixel-card img{transition:none}
    html.crv-armed .crv-reveal:not(.crv-in){clip-path:inset(0% 0% 100% 0%)}
    /* Servicios: hover rápido */
    #servicios .pixel-card,#servicios .pixel-card:hover{transition:none!important}
    /* Precios: la tabla pasa a tarjetas apiladas en vertical, mismo patrón que el resto */
    #precios>div{max-width:1240px!important}
    #precios h2{font-size:clamp(28px,3.4vw,40px)!important;font-weight:500!important;letter-spacing:-.03em}
    #precios .pixel-card.bg-white{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;transform:none!important}
    #precios table{display:block;width:100%}
    #precios tbody{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
    #precios thead{display:none}
    #precios tr.crv-prow{display:flex;flex-direction:column;gap:14px;min-height:300px;margin:0;padding:28px 24px 24px;border:0!important;border-radius:28px;background:linear-gradient(180deg,#f2f4f8 0%,#e1e8f3 100%);transition:none!important}
    #precios tr.crv-prow>td{display:block;padding:0!important;border:0}
    #precios tr.crv-prow>td:nth-child(1){order:1;font-size:clamp(19px,1.7vw,23px);font-weight:500;letter-spacing:-.02em;line-height:1.18;color:#171a18}
    #precios tr.crv-prow>td:nth-child(1) span{display:none!important}
    #precios tr.crv-prow>td:nth-child(3){order:2;display:block!important;font-size:14px;line-height:1.5;color:#2c332e}
    #precios tr.crv-prow>td:nth-child(2){order:3;margin-top:auto;align-self:flex-start;padding:11px 20px!important;border-radius:22px;background:#171a18;color:#fff;font-size:clamp(14px,1.3vw,17px);font-weight:600;white-space:normal;line-height:1.2}
    @media (max-width:1100px){#precios tbody{grid-template-columns:repeat(2,minmax(0,1fr))}#precios tr.crv-prow{min-height:230px}}
    @media (max-width:560px){#precios tbody{grid-template-columns:1fr}#precios tr.crv-prow{min-height:0}}
    /* FAQ: acordeón a la izquierda, panel con titular y foto a la derecha */
    #faq{background:#fff!important;border-top:0!important}
    #faq>div{max-width:1240px!important;display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(32px,6vw,88px)}
    #faq>div>div:first-child{text-align:left!important;margin-bottom:28px!important}
    #faq h2{font-size:clamp(30px,3.6vw,46px)!important;font-weight:400!important;letter-spacing:-.03em;line-height:1.1;margin-top:10px!important}
    #faq .space-y-3>*+*{margin-top:0!important}
    #faq .faq-item.pixel-card{background:transparent!important;border:0!important;border-bottom:1px solid #e4e7ec!important;border-radius:0!important;box-shadow:none!important;padding:22px 0!important;transform:none!important;transition:none!important}
    #faq .faq-item:first-child{border-top:1px solid #e4e7ec!important}
    #faq .faq-item h3{font-size:clamp(17px,1.5vw,20px)!important;font-weight:400!important;color:#171a18!important;padding-right:24px}
    #faq .faq-icon{color:#171a18!important;width:22px!important;height:22px!important;flex-shrink:0}
    #faq .faq-answer{font-size:16px!important;line-height:1.6!important;color:#2c332e!important;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s ease,margin .25s}
    #faq .faq-item.open .faq-answer{max-height:420px;margin-top:14px!important}
    .crv-faq-aside{margin-top:36px;background:#ede7fb;border-radius:28px;padding:clamp(24px,3vw,44px) clamp(24px,3vw,44px) 0;display:flex;flex-direction:column;gap:24px;overflow:hidden}
    .crv-faq-quote{font-size:clamp(24px,2.7vw,36px);line-height:1.15;font-weight:500;letter-spacing:-.025em;color:#5a1a8c}
    .crv-faq-photo{margin:auto 0 0;display:flex;justify-content:center;order:3;line-height:0}
    .crv-faq-photo img{display:block;width:min(88%,520px);height:auto;margin-bottom:-1px}
    .crv-faq-btn{order:2;align-self:flex-start;display:inline-flex;align-items:center;padding:15px 28px;border-radius:999px;background:#171a18;color:#fff;font-weight:600;font-size:16px}
    html.crv-armed .crv-faq-aside:not(.crv-in){clip-path:inset(0% 0% 100% 0%)}
    @media (min-width:900px){
      #faq>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start}
      #faq>div>div:first-child{grid-column:1;grid-row:1}
      #faq .space-y-3{grid-column:1;grid-row:2}
      .crv-faq-aside{grid-column:2;grid-row:1/3;margin-top:0;position:sticky;top:96px}
    }
    body{background:#fff}
    #quiz-incidencias{background:#fff!important}
    #servicios,#precios,#guias,#cerraduras,#faq{background:#fff!important;border-top:0!important}
    #servicios .bg-white,#guias .bg-white,#cerraduras .bg-white,#consejos .bg-white,#zonas .bg-white,#faq .bg-white{background:#f9f9f9!important;border-color:transparent!important;box-shadow:none!important;border-radius:20px!important}
    #servicios .bg-white,#cerraduras .bg-white{background:#f6f8fc!important}
    #videos,#calculadora,#consejos,#zonas,#blog-reciente{margin:24px clamp(10px,2.5vw,36px)!important;border-radius:28px!important;border-top:0!important}
    #videos{background:#efe9fd!important}
    #calculadora{background:#e5f0ff!important}
    #consejos{background:#EEEAFE!important}
    #zonas{background:#e6f5ec!important}
    #blog-reciente{background:#e5f0ff!important}
    #faq .bg-white{background:#f9f9f9!important}
    #precios .bg-white{box-shadow:none!important;background:#f9f9f9!important;border-color:transparent!important;border-radius:20px!important}
    section h2{font-weight:600;letter-spacing:-.02em}
    /* Mega-menú desplegable como Pixel */
    .crv-nl{padding:9px 15px;border-radius:999px;color:#374151;transition:background-color .12s ease,color .12s ease;font:inherit;background:none;border:0;cursor:pointer}
    .crv-nl:hover,.crv-nb[aria-expanded=true]{background:#eeeff1;color:#111}
    .crv-nb::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}
    .crv-nb[aria-expanded=true]::after{transform:rotate(-135deg);margin-bottom:-2px}
    .crv-scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:40}
    .crv-scrim[hidden],.crv-mega[hidden]{display:none}
    .crv-mega{position:absolute;left:clamp(10px,2.5vw,36px);right:clamp(10px,2.5vw,36px);top:calc(100% + 8px);max-width:1240px;margin:0 auto;background:#fff;border-radius:32px;padding:28px 32px 32px;box-shadow:0 12px 40px rgba(0,0,0,.18)}
    .crv-mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
    .crv-mega-h{font-size:13px;color:#4b5563;margin-bottom:16px}
    .crv-mega-grid{display:flex;flex-wrap:wrap;gap:10px}
    .crv-mc{width:180px;background:#f9f9f9;border-radius:20px;overflow:hidden;text-align:center;padding-bottom:16px;transition:background .15s}
    .crv-mc:hover{background:#f0f2f5}
    .crv-mc-img{display:block;height:100px;overflow:hidden}
    .crv-mc-img img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
    .crv-mc-ico{display:flex;align-items:center;justify-content:center;color:#374151}
    .crv-mc-t{display:block;padding:12px 14px 0;font-size:16px;line-height:1.35;color:#171a18}
    .crv-mega-all{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;min-width:410px;padding:0 24px;height:60px;border-radius:999px;background:#e1e8fb;color:#1a3fa0;font-size:16px;font-weight:500}
    .crv-mega-all:hover{background:#d3dcf7}
    @media (max-width:767px){.crv-mega,.crv-scrim{display:none!important}}
    /* Cabecera flotante en píldora + hero con tinte, como Pixel */
    header.sticky{position:sticky;top:10px!important;background:transparent!important;border:0!important;backdrop-filter:none!important;padding:0 clamp(10px,2.5vw,36px);z-index:50}
    header.sticky>div:not(.crv-mega){background:#fff;border-radius:999px;box-shadow:0 2px 14px rgba(20,30,40,.08);max-width:1240px!important;padding-left:22px!important;padding-right:14px!important}
    .crv-hero{background:#e6ece7;margin-top:-74px;padding-top:74px;overflow:hidden}
    .crv-hero-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr;align-items:center;min-height:min(78vh,680px);padding:0 clamp(16px,3vw,40px)}
    .crv-hero-txt{padding:48px 0 8px;position:relative;z-index:2}
    .crv-hero-kicker{font-size:14px;font-weight:500;color:#3d4a41;margin-bottom:14px}
    .crv-hero h1{font-size:clamp(38px,6.4vw,72px);line-height:1.04;font-weight:500;letter-spacing:-.035em;color:#171a18;margin:0 0 20px}
    .crv-hero-p{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:#2c332e;max-width:30em;margin-bottom:28px}
    .crv-hero-btns{display:flex;flex-wrap:wrap;gap:12px}
    .crv-hero-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:999px;font-weight:600;font-size:16px;transition:transform .15s}
    .crv-hero-btn:active{transform:scale(.97)}
    .crv-hero-btn-dark{background:#171a18;color:#fff}
    .crv-hero-btn-line{border:2px solid #14a049;color:#14a049}
    .crv-hero-img{position:relative;margin-top:8px}
    .crv-hero-img img{display:block;width:100%;height:auto;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
    @media (min-width:900px){
      .crv-hero-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
      .crv-hero{position:relative}
      .crv-hero-in{grid-template-columns:minmax(0,1fr)}
      .crv-hero-txt{max-width:46%}
      .crv-hero-img{position:absolute;right:0;top:0;bottom:0;width:58%;margin:0}
      .crv-hero-img img{height:100%;object-fit:cover;object-position:55% center}
    }
      /* ===== Footer estilo Google Store ===== */
    footer.bg-gray-900{background:#f8f8f8!important;color:#202124!important;border:0!important;border-radius:28px;margin:clamp(10px,2.5vw,36px);padding:clamp(32px,5vw,72px) clamp(20px,5vw,80px) clamp(24px,3vw,40px)!important;font-size:16px!important}
    footer .crv-ft-title{font-size:clamp(28px,3.4vw,44px);font-weight:500;letter-spacing:-.025em;line-height:1.1;color:#171a18;max-width:72rem;margin:0 auto clamp(32px,5vw,64px)}
    footer .max-w-6xl{max-width:72rem!important}
    footer .max-w-6xl.grid{gap:clamp(28px,4vw,56px)!important;margin-bottom:clamp(28px,4vw,48px)!important}
    footer h4.text-xs{font-size:clamp(18px,1.6vw,22px)!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.01em!important;color:#171a18!important;margin-bottom:22px!important}
    footer .text-white,footer .font-bold.text-white{color:#171a18!important}
    footer .text-gray-400,footer .text-gray-300,footer .text-gray-500{color:#4a4d52!important}
    footer ul{font-size:16px!important}
    footer ul.space-y-2>li{margin:0 0 14px!important}
    footer ul.space-y-1\.5>li{margin:0 0 14px!important;line-height:1.5}
    footer .text-xs{font-size:15px!important;line-height:1.55}
    footer a{transition:color .15s ease}
    footer a:hover{color:#1a56db!important}
    footer a.underline{text-decoration:none!important}
    footer a.underline:hover{text-decoration:underline!important}
    footer a[href^="tel:"]{font-size:24px!important;font-weight:500!important;color:#171a18!important}
    footer a[href*="wa.me"]{color:#13803f!important;font-weight:500}
    footer .text-emerald-400{color:#13803f!important}
    footer .border-gray-800,footer .pt-8.border-t{border-color:#e3e4e6!important}
    footer .pt-8.border-t{font-size:14px!important;padding-top:28px!important}
    footer .pt-8.border-t .text-gray-500{font-size:14px!important}
    footer .pt-8.border-t a{white-space:nowrap}
    footer .pt-8.border-t .gap-6{flex-wrap:wrap;gap:8px 24px!important;justify-content:flex-start}
      /* Barra superior: blanca, 44px */
    div.bg-gray-900.text-white{--tw-bg-opacity:1;background-color:rgb(255 255 255)!important;height:44px;padding-top:0!important;padding-bottom:0!important;display:flex;align-items:center;color:#171a18!important;border-bottom:0!important}
    div.bg-gray-900.text-white>.max-w-6xl{width:100%}
    div.bg-gray-900.text-white a,div.bg-gray-900.text-white .text-white{color:#171a18!important}
    div.bg-gray-900.text-white a:hover{color:#1a56db!important}
      footer .pt-8.border-t .gap-6{flex-wrap:wrap}
    footer .crv-ft-legal{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:14px}
    footer .crv-ft-btn{display:inline-flex!important;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-size:16px!important;font-weight:600!important;line-height:1.2;transition:transform .15s}
    footer .space-y-3 .crv-ft-btn{margin:0 12px 12px 0}
    footer a.crv-ft-tel{background:#2563eb;color:#fff!important}
    footer a.crv-ft-wa{border:2px solid #14a049;color:#14a049!important;padding:12px 24px}
    footer a.crv-ft-btn:hover{color:#fff!important}
    div.bg-gray-900.text-white{transition:background-color .15s ease}
    div.bg-gray-900.text-white:hover{background-color:#25d366!important}
    div.bg-gray-900.text-white>.max-w-6xl{max-width:none!important;height:100%}
    div.bg-gray-900.text-white a{height:100%;width:100%;transition:color .15s ease}
    div.bg-gray-900.text-white:hover a,div.bg-gray-900.text-white:hover a *{color:#fff!important}
      footer .crv-ft-btn{white-space:nowrap}
    @media (min-width:768px) and (max-width:1023px){footer .max-w-6xl.grid{grid-template-columns:1fr 1fr!important}}
    @media (min-width:1024px){footer .max-w-6xl.grid{grid-template-columns:1fr 1fr 1fr 1.35fr!important}}
      @media (min-width:768px) and (max-width:1099px){header.sticky nav.crv-nav{gap:2px!important}header.sticky nav.crv-nav a,header.sticky nav.crv-nav button{white-space:nowrap;padding-left:8px!important;padding-right:8px!important;font-size:13px!important}header.sticky .bg-green-50{display:none!important}header.sticky nav.crv-nav>a:nth-last-child(-n+2){display:none!important}header.sticky a[aria-label^="Cerrajero"] span,header.sticky .crv-tel{white-space:nowrap}}
      @media (min-width:768px) and (max-width:859px){header.sticky nav.crv-nav>a:nth-child(2){display:none!important}}
    /* Titulares ligeros en páginas interiores */
    .hero-section h1.font-extrabold{font-weight:500!important;letter-spacing:-.035em!important}
    body h2.font-extrabold:not(.crv-ft-title),body h2.font-bold{font-weight:500!important;letter-spacing:-.025em}
    .crv-art h1,.crv-art h2,.crv-art h3{font-weight:500!important;letter-spacing:-.025em}
    /* Blog y artículos */
    body h1.font-extrabold{font-weight:500!important;letter-spacing:-.035em!important}
    .crv-card{border:0!important;background:linear-gradient(180deg,#f7f8fa 0%,#e9eef7 100%)!important;border-radius:28px!important;box-shadow:none!important}
    .crv-card:hover{box-shadow:none!important;transform:none!important}
    .crv-card h2{font-weight:500!important;font-size:22px!important;letter-spacing:-.02em!important}
    .crv-tldr{background:#ede7fb!important;border:0!important;border-radius:28px!important;padding:22px 26px!important}
    .crv-tldr b{color:#5a1a8c!important}
    .crv-photo img{box-shadow:none!important;border-radius:28px!important}
    .crv-cta{background:#171a18!important;border-radius:28px!important}
    .crv-btn{border-radius:999px!important}
    .crv-rel a{border:0!important;background:#f3f5f9!important;border-radius:22px!important;font-weight:500!important}
    .crv-rel a:hover{background:#e6ecf6!important;transform:none!important}
    .crv-art th{font-weight:500}
    /* Hero de páginas interiores */
    .crv-hero-int .crv-hero-in{min-height:min(70vh,600px)}
    .crv-hero-int h1{font-size:clamp(34px,5vw,62px)}
    .crv-hero-int h1 span{display:block;color:#4d5d52}
    .crv-hero-int nav[aria-label="Ruta"]{font-size:13px;color:#4d5d52;margin-bottom:18px}
    .crv-hero-int nav[aria-label="Ruta"] a{color:#4d5d52;text-decoration:underline}
    .crv-hero-int .crv-hero-txt{text-align:left}

    html{scroll-padding-top:100px}

/* Menú móvil: botón de cuatro puntos + panel */
.crv-dots{display:none;width:40px;height:40px;border-radius:50%;border:0;background:transparent;padding:0;cursor:pointer;align-items:center;justify-content:center;flex:none;transition:background .2s}
.crv-dots:hover,.crv-dots[aria-expanded="true"]{background:#f1f3f4}
.crv-dots i{display:grid;grid-template-columns:repeat(2,6px);gap:5px;pointer-events:none}
.crv-dots i b{width:6px;height:6px;border-radius:50%;background:#5f6368;display:block}
.crv-mm{display:none}
@media (max-width:767px){
  .crv-dots{display:inline-flex}
  header.sticky{z-index:80!important}
  header.sticky>div:not(.crv-mega){justify-content:space-between!important}
  header.sticky .flex.items-center.gap-3{gap:6px!important}
  .crv-mm{position:absolute;left:10px;right:10px;top:calc(100% + 8px);background:#fff;border-radius:28px;padding:18px 18px 22px;box-shadow:0 12px 40px rgba(0,0,0,.18);max-height:calc(100vh - 110px);overflow-y:auto;z-index:60}
  .crv-mm:not([hidden]){display:block}
  .crv-mm h4{margin:16px 6px 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5f6368;font-weight:600}
  .crv-mm h4:first-child{margin-top:0}
  .crv-mm a{display:block;padding:12px 14px;border-radius:16px;font-size:16px;color:#202124;text-decoration:none}
  .crv-mm a:active,.crv-mm a:hover{background:#f1f3f4}
  .crv-mm .crv-mm-g{display:grid;grid-template-columns:1fr 1fr;gap:2px}
  .crv-mm .crv-mm-g a{padding:10px 14px;font-size:15px}
  .crv-mm .crv-mm-top a{font-weight:500}
}

/* Portada: foto principal de Javi en la cerradura (se ve la cara de Bea y la cerradura) */
@media (min-width:900px){
  .crv-hero-img.crv-hero-home{top:64px}
  .crv-hero-img.crv-hero-home img{object-position:84% center}
}
@media (max-width:899px){
  .crv-hero-img.crv-hero-home img{object-position:80% center}
}

/* Blog: foto con aire sobre el título */
.crv-photo{margin-top:clamp(28px,4vw,48px)!important}
.crv-photo img{will-change:clip-path}