/* ==========================================================================
   PORTADA VISUAL — eiomsirius.com
   Sistema de diseño de la portada. No toca assets/style.css: todo lo nuevo
   vive aquí con prefijo pv-. Tokens en 3 capas (idea de ui-ux-pro-max):
   primitivos -> semánticos -> componente. Cero hex sueltos en componentes.
   ========================================================================== */

/* ---- capa 1: primitivos (los de la casa) ---- */
:root{
  --pv-papel:#F3E9D6;
  --pv-papel-claro:#F8F1E0;
  --pv-papel-sombra:#EADCC2;
  --pv-tinta:#1B1510;
  --pv-suave:#5C5045;
  --pv-marca:#A63B28;
  --pv-marca-hondo:#8A2F1E;
}
/* ---- capa 2: semánticos ---- */
:root{
  --pv-fondo:var(--pv-papel);
  --pv-tarjeta:var(--pv-papel-claro);
  --pv-texto:var(--pv-tinta);
  --pv-apagado:var(--pv-suave);
  --pv-destaque:var(--pv-marca);
  --pv-destaque-hondo:var(--pv-marca-hondo);
  --pv-linea:rgba(27,21,16,.20);
  --pv-linea-marca:rgba(166,59,40,.42);
  --pv-velo-marca:rgba(166,59,40,.07);
}
/* ---- capa 3: componente ---- */
:root{
  --pv-radio:.6rem;
  --pv-radio-grande:.9rem;
  --pv-sombra:0 18px 34px -22px rgba(60,40,20,.45);
  --pv-sombra-suave:0 10px 22px -14px rgba(60,40,20,.32);
  --pv-borde:1px solid var(--pv-linea-marca);
  --pv-gap:clamp(.9rem,2.4vw,1.4rem);
  --pv-fell:'IM Fell English','EB Garamond',Georgia,serif;
}

/* ================= HERO ================= */
.pv-hero-retrato{position:relative;width:min(38rem,100%);margin-inline:auto}
.pv-hero .retrato{margin-top:0}

.pv-hero-propuesta{
  font-family:var(--pv-fell);
  font-size:var(--fs-lede);
  line-height:var(--lh-lede);max-width:32rem;
  hyphens:none;text-wrap:balance;
}
.pv-hero-cta{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center;justify-content:center}
.pv-cta-sec{
  font-size:var(--fs-base);color:var(--pv-destaque-hondo);
  text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px;
}
.pv-cta-sec:hover{color:var(--pv-destaque)}
.pv-cta-sec:focus-visible{outline:2px solid var(--pv-destaque);outline-offset:3px;border-radius:2px}

/* Banda de cifras */
.pv-stats{
  list-style:none;width:100%;max-width:58rem;
  margin:clamp(2.6rem,7vw,3.8rem) auto 0;padding:1.7rem 1rem;
  display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;
  border-top:1px solid var(--pv-linea);border-bottom:1px solid var(--pv-linea);
  text-align:center;
}
.pv-stat-num{
  display:block;font-family:var(--pv-fell);
  font-size:var(--fs-h1);line-height:1;color:var(--pv-destaque-hondo);
}
.pv-stat-et{display:block;margin-top:.45rem;font-size:var(--fs-small);font-style:italic;color:var(--pv-apagado)}

@media(min-width:56rem){
  .pv-hero{
    display:grid;grid-template-columns:1.12fr .88fr;
    column-gap:clamp(2rem,5vw,4rem);align-items:center;
    max-width:78rem;margin-inline:auto;text-align:start;
  }
  .pv-hero-retrato{order:2;margin-inline:0;width:100%}
  .pv-hero-texto{order:1;text-align:left;min-width:0}
  .pv-hero .wordmark{text-align:left}
  .pv-hero .firma{justify-content:flex-start}
  .pv-hero .tagline--dark{text-align:left}
  .pv-hero-propuesta{margin-inline:0;text-align:left}
  .pv-hero-cta{justify-content:flex-start}
  .pv-stats{grid-column:1/-1;order:3}
  .pv-hero .ornament-band{grid-column:1/-1;order:4}
  .pv-hero .scroll-cue{grid-column:1/-1;order:5}
}
@media(max-width:44rem){
  .pv-stats{grid-template-columns:repeat(2,1fr);row-gap:1.5rem}
}

/* ================= SEPARADORES ================= */
.pv-separador{
  display:flex;align-items:center;gap:1.1rem;
  max-width:46rem;margin:calc(var(--aire-bloque)/2) auto;padding:0 clamp(1.2rem,5vw,2.5rem);
}
/* el separador queda centrado en el aire entre bloques: arriba y abajo la misma distancia */
.pv-separador + .plate{margin-top:calc(var(--aire-bloque)/2)}
.pv-separador-linea{
  flex:1;height:1px;
  background:linear-gradient(90deg,transparent,var(--pv-linea-marca),transparent);
}

/* ================= I · cita-artefacto ================= */
.pv-cita{
  margin:2.1rem auto;max-width:32rem;text-align:center;padding:1.7rem 1.2rem;
  border-top:1px solid var(--pv-linea-marca);border-bottom:1px solid var(--pv-linea-marca);
}
.pv-cita p{
  font-family:var(--pv-fell);font-style:italic;
  font-size:var(--fs-h3);line-height:1.35;
  color:var(--pv-destaque-hondo);margin:.7rem auto 0;max-width:24rem;
}

/* ================= II · BENTO =================
   Composición inspirada en "bento-01" de Watermelon UI (MIT,
   https://ui.watermelon.sh), reescrita a mano en el HTML/CSS de la casa. */
.pv-bento{
  list-style:none;margin:2.4rem 0 0;padding:0;
  display:grid;grid-template-columns:repeat(6,1fr);gap:var(--pv-gap);
}
.pv-celda{
  background:var(--pv-tarjeta);border:var(--pv-borde);border-radius:var(--pv-radio-grande);
  padding:clamp(1.35rem,3vw,1.9rem);
  display:flex;flex-direction:column;gap:1.05rem;align-items:flex-start;
  box-shadow:var(--pv-sombra-suave);
  transition:transform .28s ease,box-shadow .28s ease;
  position:relative;overflow:hidden;
}
.pv-celda:hover{transform:translateY(-5px);box-shadow:var(--pv-sombra)}
.pv-celda--01{grid-column:span 4}
.pv-celda--02{grid-column:span 2}
.pv-celda--03,.pv-celda--04,.pv-celda--05{grid-column:span 2}
.pv-celda--01{
  background:
    radial-gradient(90% 130% at 85% 20%,var(--pv-velo-marca),transparent 60%),
    var(--pv-tarjeta);
}
.pv-celda-icono{
  width:3.1rem;height:3.1rem;flex:none;border-radius:50%;
  background:var(--pv-destaque);
  -webkit-mask-image:var(--pv-icono);mask-image:var(--pv-icono);
  -webkit-mask-size:60%;mask-size:60%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  transition:transform .28s ease;
}
.pv-celda:hover .pv-celda-icono{transform:scale(1.14) rotate(-7deg)}
.pv-celda-texto{font-size:var(--fs-lede);line-height:var(--lh-lede)}
.pv-celda--01 .pv-celda-texto{
  font-family:var(--pv-fell);font-size:var(--fs-h2);line-height:var(--lh-h2);
}
.pv-celda--01 .pv-celda-icono{width:3.6rem;height:3.6rem}
@media(max-width:55.99rem){
  .pv-celda{grid-column:span 6;flex-direction:row;align-items:center}
  .pv-celda-icono{width:2.7rem;height:2.7rem}
}

/* ================= III · LÍNEA DE TIEMPO ================= */
.pv-linea{margin-top:2.6rem}
.pv-linea li{
  background:var(--pv-tarjeta);border:var(--pv-borde);border-radius:var(--pv-radio);
  padding:1.5rem 1.2rem 1.3rem;text-align:center;border-top:var(--pv-borde);
  box-shadow:var(--pv-sombra-suave);
  transition:transform .28s ease,box-shadow .28s ease;
}
.pv-linea li:hover{transform:translateY(-4px);box-shadow:var(--pv-sombra)}
.pv-linea li::before{
  top:-7px;left:50%;margin-left:-7px;width:14px;height:14px;
  /* el *{box-sizing} no alcanza a los pseudo-elementos: sin esto el círculo
     mide 19 px (14 + 2×2.5 de borde) y la línea vertical queda descentrada */
  box-sizing:border-box;
  background:var(--pv-papel);border:2.5px solid var(--pv-destaque);
}
/* los nodos evolucionan con el tiempo: la semilla, el anillo y la flor */
.pv-linea li:nth-child(1)::before{border-width:2px}
.pv-linea li:nth-child(3)::before{
  background:var(--pv-destaque);border-color:var(--pv-destaque);
  box-shadow:0 0 0 5px rgba(166,59,40,.16);
}
.pv-linea .l-ano{
  font-size:var(--fs-h2);color:var(--pv-destaque-hondo);line-height:var(--lh-h2);
}
.pv-linea .l-cap{font-size:var(--fs-small);margin-top:.55rem}
@media(max-width:43.99rem){
  .pv-linea{grid-template-columns:1fr;gap:1.1rem}
  .pv-linea li{text-align:left;padding-left:3.2rem}
  .pv-linea li::before{left:1.35rem;top:1.7rem;margin-left:0}
  /* hilo vertical que une los tres hitos: el tiempo como conexión */
  .pv-linea li:not(:last-child)::after{
    content:"";position:absolute;left:calc(1.35rem + 7px);top:calc(1.7rem + 14px);
    bottom:calc(-1.1rem - 1.7rem - 7px);width:2px;transform:translateX(-50%);
    background:linear-gradient(180deg,rgba(166,59,40,.28),rgba(166,59,40,.5));
  }
}

/* ================= IV · DÍPTICO ================= */
.pv-diptico{
  display:flex;align-items:center;justify-content:center;
  gap:clamp(1rem,4.5vw,2.6rem);margin:2.4rem 0;
}
.pv-diptico-carta{
  width:clamp(6.8rem,20vw,9.2rem);aspect-ratio:1;border-radius:50%;
  background:var(--pv-tarjeta);border:var(--pv-borde);
  display:grid;place-items:center;box-shadow:var(--pv-sombra-suave);
}
.pv-diptico-carta:first-child{transform:rotate(-5deg)}
.pv-diptico-carta:last-child{transform:rotate(5deg)}
.pv-diptico-carta em{
  font-family:var(--pv-fell);font-style:italic;
  font-size:var(--fs-h2);color:var(--pv-destaque-hondo);
}

/* ================= TRABAJOS · cabecera y marquesina ================= */
.pv-trabajos-intro{margin:1.6rem 0 0}

/* ================= V · PRECIOS ================= */
.pv-precios{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--pv-gap);margin:2.4rem 0 0;
}
.pv-precio{
  background:var(--pv-tarjeta);border:var(--pv-borde);border-radius:var(--pv-radio-grande);
  padding:clamp(1.7rem,4vw,2.5rem) clamp(1.3rem,3vw,2rem);
  text-align:center;box-shadow:var(--pv-sombra-suave);
  display:flex;flex-direction:column;gap:.7rem;align-items:center;
  transition:transform .28s ease,box-shadow .28s ease;
  position:relative;overflow:hidden;
}
.pv-precio::before{
  content:"";position:absolute;top:0;left:10%;right:10%;height:3px;
  background:linear-gradient(90deg,transparent,var(--pv-destaque),transparent);
}
.pv-precio:hover{transform:translateY(-5px);box-shadow:var(--pv-sombra)}
.pv-precio-concepto{
  font-family:var(--pv-fell);font-weight:400;
  font-size:var(--fs-h3);line-height:var(--lh-h3);margin:0;max-width:100%;
}
.pv-precio-cifra{
  font-family:var(--pv-fell);font-size:var(--fs-h1);
  line-height:1;color:var(--pv-destaque-hondo);margin:0;
}
.pv-precio-nota{margin:0;color:var(--pv-apagado);font-style:italic;font-size:var(--fs-small);max-width:100%}
/* Con número impar de tarjetas, la última ocupa todo el ancho (la de
   "arreglos por horas" es una nota al margen, no una oferta). */
.pv-precios>:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:44rem){.pv-precios{grid-template-columns:1fr}}
.pv-nota-sello{
  display:inline-block;border:var(--pv-borde);border-radius:var(--pv-radio);
  padding:.85rem 1.35rem;background:var(--pv-velo-marca);
  transform:rotate(-.5deg);
}

/* ================= VI · FAQ NUMERADA =================
   Acordeón inspirado en "FAQ 2" de SmoothUI (MIT, https://smoothui.dev),
   con details nativo y numeración por contador CSS. */
.pv-faq{counter-reset:pv-faq;max-width:46rem}
.pv-faq .faq-item{position:relative;padding-left:3.6rem}
.pv-faq .faq-item::before{
  counter-increment:pv-faq;content:counter(pv-faq,decimal-leading-zero);
  position:absolute;left:.2rem;top:1.02rem;
  font-family:var(--pv-fell);font-size:var(--fs-faq);color:var(--pv-destaque);
}
.pv-faq .faq-item summary{font-size:var(--fs-faq);line-height:1.45;padding-right:2.2rem}
.pv-faq .faq-respuesta{max-width:var(--measure)}
@media(max-width:44rem){.pv-faq .faq-item{padding-left:2.9rem}}

/* ================= VII · GRAN CITA ================= */
.pv-gran-cita{
  font-family:var(--pv-fell);font-style:italic;text-align:center;
  font-size:var(--fs-h2);line-height:1.32;
  color:var(--pv-destaque-hondo);max-width:36rem;margin-inline:auto;
}

/* ================= SERVICIOS · dos caminos ================= */
.pv-servicios{
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pv-gap);
  margin-top:2.2rem;
}
/* Con una sola tarjeta, centrada y con presencia */
.pv-servicio:only-child{
  grid-column:1/-1;justify-self:center;width:100%;max-width:38rem;
}
.pv-servicio{
  display:flex;flex-direction:column;align-items:flex-start;gap:.95rem;
  background:
    radial-gradient(100% 90% at 50% 0%,var(--pv-velo-marca),transparent 55%),
    var(--pv-tarjeta);
  border:var(--pv-borde);border-radius:var(--pv-radio-grande);
  padding:clamp(1.7rem,3.5vw,2.5rem);
  box-shadow:var(--pv-sombra-suave);
  text-decoration:none;color:var(--pv-texto);
  transition:transform .28s ease,box-shadow .28s ease;
  position:relative;overflow:hidden;
}
.pv-servicio:hover{transform:translateY(-6px);box-shadow:var(--pv-sombra)}
.pv-servicio:focus-visible{outline:2px solid var(--pv-destaque);outline-offset:4px}
/* Tarjeta promo: la Página Esencial lleva más presencia */
.pv-servicio--promo{
  border:2px solid var(--pv-destaque);
  background:
    radial-gradient(110% 100% at 50% 0%,rgba(166,59,40,.14),transparent 60%),
    var(--pv-tarjeta);
}
.pv-servicio-sello{
  /* Cinta de esquina: el translate(50%,-50%) lleva el CENTRO de la cinta
     al punto (top,right), así el texto queda centrado en el tramo visible
     sea cual sea su longitud (antes dependía del ancho del texto y se
     descentraba). El punto elegido es el centro del tramo que cruza la esquina. */
  position:absolute;top:3.26rem;right:4.17rem;
  transform:translate(50%,-50%) rotate(38deg);
  background:var(--pv-destaque);color:var(--pv-papel-claro);
  font-size:.92rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:.45rem 3rem;white-space:nowrap;text-align:center;
  box-shadow:0 8px 16px -10px rgba(138,47,30,.8);
}
/* Aviso «¡Nuevo!» de la tarjeta Negocios: a propósito OTRO tipo de aviso que
   la cinta de esquina de Página Esencial. Pequeña píldora perfilada, sin
   rotar, arriba a la izquierda de la tarjeta. */
.pv-servicio-aviso{
  display:inline-block;flex:none;align-self:flex-start;
  font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--pv-destaque-hondo);
  border:1.5px solid var(--pv-destaque);border-radius:999px;
  padding:.32rem .95rem;background:rgba(166,59,40,.07);
  white-space:nowrap;
}
/* Línea de dominio/alojamiento/mantenimiento bajo el precio de cada tarjeta */
.pv-servicio-alojamiento{
  font-size:.92rem;line-height:1.45;color:var(--pv-apagado);
  margin-top:-.35rem;
}
/* Nota global bajo las tarjetas de servicios */
.pv-servicios-nota{
  margin:1.4rem 0 0;font-size:.9rem;color:var(--pv-apagado);text-align:center;
}
.pv-servicio-icono{
  width:4.2rem;height:4.2rem;border-radius:50%;flex:none;
  background:var(--pv-destaque);color:var(--pv-papel-claro);
  display:grid;place-items:center;
  box-shadow:0 10px 20px -12px rgba(166,59,40,.7);
  transition:transform .28s ease;
}
.pv-servicio:hover .pv-servicio-icono{transform:scale(1.1) rotate(-6deg)}
.pv-servicio-icono svg{width:55%;height:55%}
.pv-servicio-kicker{
  font-size:.92rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--pv-destaque-hondo);
}
.pv-servicio-nombre{
  font-family:var(--pv-fell);font-size:clamp(1.7rem,3.6vw,2.2rem);line-height:1.15;
}
.pv-servicio-texto{font-size:var(--fs-base);line-height:var(--lh-base);color:var(--pv-apagado);margin:0}
.pv-servicio-precio{font-weight:700;color:var(--pv-destaque-hondo);font-size:var(--fs-base)}
.pv-servicio-cta{
  margin-top:auto;text-align:center;hyphens:none;
  display:inline-block;border:1.5px solid var(--pv-destaque);
  color:var(--pv-destaque-hondo);border-radius:999px;
  padding:.65rem 1.4rem;font-weight:600;font-size:1.05rem;line-height:1.2;
  transition:background .25s ease,color .25s ease;
}
.pv-servicio:hover .pv-servicio-cta{background:var(--pv-destaque);color:var(--pv-papel-claro)}
@media(max-width:55.99rem){
  .pv-servicios{grid-template-columns:1fr}
  .pv-servicio-sello{font-size:.85rem}
}

/* ================= REVELADO (mejora progresiva) =================
   BLINDAJE (2026-10-02): el estado oculto solo existe cuando el propio script
   que va a revelar (portada-visual.js) ya está en marcha y añade .rva a <html>.
   Si el JS falla, se bloquea o llega a medias, el texto se ve tal cual. */
html.rva .pv-anim{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
html.rva .pv-anim.pv-visto{opacity:1;transform:none}

/* ================= MOVIMIENTO REDUCIDO ================= */
@media(prefers-reduced-motion:reduce){
  html.rva .pv-anim{opacity:1;transform:none;transition:none}
  .pv-celda,.pv-celda-icono,.pv-precio,.pv-linea li,
  .pv-servicio,.pv-servicio-icono,.pv-servicio-cta{transition:none}
  .pv-celda:hover,.pv-precio:hover,.pv-linea li:hover,.pv-servicio:hover{transform:none}
  .pv-servicio:hover .pv-servicio-icono{transform:none}
  .pv-servicio:hover .pv-servicio-cta{background:none;color:var(--pv-destaque-hondo)}
}
.pv-celda--01 .pv-celda-icono{--pv-icono:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke-width%3D'1.5'%3E%3Cpath%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022Z%22%20stroke%3D%22black%22%20%20%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M2.5%2012.5L8%2014.5L7%2018L8%2021%22%20stroke%3D%22black%22%20%20%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M17%2020.5L16.5%2018L14%2017V13.5L17%2012.5L21.5%2013%22%20stroke%3D%22black%22%20%20%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M19%205.5L18.5%207L15%207.5V10.5L17.5%209.5H19.5L21.5%2010.5%22%20stroke%3D%22black%22%20%20%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M2.5%2010.5L5%208.5L7.5%208L9.5%205L8.5%203%22%20stroke%3D%22black%22%20%20%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.pv-celda--02 .pv-celda-icono{--pv-icono:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke-width%3D'1.5'%3E%3Cpath%20d%3D%22M10.5857%2010.5857L16.9496%207.0502L13.4141%2013.4142L7.05012%2016.9497L10.5857%2010.5857Z%22%20stroke%3D%22black%22%20%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022Z%22%20stroke%3D%22black%22%20%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.pv-celda--03 .pv-celda-icono{--pv-icono:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke-width%3D'1.5'%3E%3Cpath%20d%3D%22M6%2018.01L6.01%2017.9989%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M6%206.01L6.01%205.99889%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M2%209.4V2.6C2%202.26863%202.26863%202%202.6%202H21.4C21.7314%202%2022%202.26863%2022%202.6V9.4C22%209.73137%2021.7314%2010%2021.4%2010H2.6C2.26863%2010%202%209.73137%202%209.4Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%2F%3E%0A%3Cpath%20d%3D%22M2%2021.4V14.6C2%2014.2686%202.26863%2014%202.6%2014H21.4C21.7314%2014%2022%2014.2686%2022%2014.6V21.4C22%2021.7314%2021.7314%2022%2021.4%2022H2.6C2.26863%2022%202%2021.7314%202%2021.4Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E");}
.pv-celda--04 .pv-celda-icono{--pv-icono:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke-width%3D'1.5'%3E%3Cpath%20d%3D%22M20.5096%209.54C20.4243%209.77932%2020.2918%209.99909%2020.12%2010.1863C19.9483%2010.3735%2019.7407%2010.5244%2019.5096%2010.63C18.2796%2011.1806%2017.2346%2012.0745%2016.5002%2013.2045C15.7659%2014.3345%2015.3733%2015.6524%2015.3696%2017C15.3711%2017.4701%2015.418%2017.9389%2015.5096%2018.4C15.5707%2018.6818%2015.5747%2018.973%2015.5215%2019.2564C15.4682%2019.5397%2015.3588%2019.8096%2015.1996%2020.05C15.0649%2020.2604%2014.8877%2020.4403%2014.6793%2020.5781C14.4709%2020.7158%2014.2359%2020.8085%2013.9896%2020.85C13.4554%2020.9504%2012.9131%2021.0006%2012.3696%2021C11.1638%2021.0006%209.97011%2020.7588%208.85952%2020.2891C7.74893%2019.8194%206.74405%2019.1314%205.90455%2018.2657C5.06506%2017.4001%204.40807%2016.3747%203.97261%2015.2502C3.53714%2014.1257%203.33208%2012.9252%203.36959%2011.72C3.4472%209.47279%204.3586%207.33495%205.92622%205.72296C7.49385%204.11097%209.60542%203.14028%2011.8496%203H12.3596C14.0353%203.00042%2015.6777%203.46869%2017.1017%204.35207C18.5257%205.23544%2019.6748%206.49885%2020.4196%208C20.6488%208.47498%2020.6812%209.02129%2020.5096%209.52V9.54Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%2F%3E%0A%3Cpath%20d%3D%22M8%2016.01L8.01%2015.9989%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M6%2012.01L6.01%2011.9989%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M8%208.01L8.01%207.99889%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M12%206.01L12.01%205.99889%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M16%208.01L16.01%207.99889%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
.pv-celda--05 .pv-celda-icono{--pv-icono:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke-width%3D'1.5'%3E%3Cpath%20d%3D%22M12%2022L12%202%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M20.5715%2017.5498L3.42819%207.24904%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M3.42822%2017.5498L20.5716%207.24904%22%20stroke%3D%22black%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}