/* Crescita · Desarrollo a medida. Generado por herramientas/construir.py desde fuente/a-medida.css: no editar a mano. */
@font-face{font-family: "Poppins";font-weight: 300;font-style: normal;font-display: swap;src: url("../fuentes/poppins-300.woff2") format("woff2");}
@font-face{font-family: "Poppins";font-weight: 400;font-style: normal;font-display: swap;src: url("../fuentes/poppins-400.woff2") format("woff2");}
@font-face{font-family: "Poppins";font-weight: 500;font-style: normal;font-display: swap;src: url("../fuentes/poppins-500.woff2") format("woff2");}
@font-face{font-family: "Poppins";font-weight: 600;font-style: normal;font-display: swap;src: url("../fuentes/poppins-600.woff2") format("woff2");}
@font-face{font-family: "Poppins";font-weight: 700;font-style: normal;font-display: swap;src: url("../fuentes/poppins-700.woff2") format("woff2");}
@font-face{font-family: "Poppins respaldo";src: local("Arial");size-adjust: 112.16%;ascent-override: 93.62%;descent-override: 31.21%;line-gap-override: 8.92%;}
#cam{--azul: #5F86FE;--azul-50: #EEF3FF;--azul-100: #DCE7FF;--azul-200: #B8CFFF;--azul-400: #879DFE;--azul-600: #4A71EB;--azul-700: #3B5FD6;--azul-800: #2B4FC7;--tinta: #1D1B1C;--noche: #171A28;--gris-50: #FAFAFA;--gris-100: #F3F2F3;--gris-200: #E8E6E7;--gris-300: #C8C5C7;--gris-400: #9A9799;--gris-500: #6F6C6E;--gris-600: #524F51;--gris-700: #3A3738;--verde: #15803D;--rojo: #DC2626;--claro: #C9CEEA;--degradado: linear-gradient(115deg, #171A28 0%, #1F2547 45%, #2B4FC7 82%, #5F86FE 100%);--fuente: "Poppins", "Poppins respaldo", Arial, Helvetica, sans-serif;--radio: 12px;--radio-boton: 10px;--radio-grande: 20px;--radio-escena: clamp(20px, 2.2vw, 28px);--sombra: 0 1px 2px rgb(29 27 28 / .04), 0 10px 30px rgb(29 27 28 / .06);--suave: cubic-bezier(.22, .8, .26, 1);--borde: clamp(20px, 4vw, 48px);--aire: clamp(72px, 9vw, 128px);--canal: clamp(10px, 1.4vw, 20px);font-family: var(--fuente);font-size: clamp(16px, .3vw + 12.7px, 17px);font-weight: 400;line-height: 1.5;color: var(--tinta);background: #fff;letter-spacing: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;overflow-x: clip;}
#cam *,#cam *::before,#cam *::after{box-sizing: border-box;}
#cam h1,#cam h2,#cam h3,#cam h4,#cam p,#cam ul,#cam ol,#cam li,#cam figure,#cam dl,#cam dt,#cam dd,#cam fieldset,#cam legend,#cam blockquote{margin: 0;padding: 0;}
#cam h1,#cam h2,#cam h3,#cam h4{font: inherit;color: inherit;letter-spacing: inherit;}
#cam ul,#cam ol{list-style: none;}
#cam dt{font-weight: inherit;}
#cam a{color: inherit;text-decoration: none;}
#cam a:hover,#cam a:active,#cam a:focus{color: inherit;}
#cam img,#cam svg{display: block;max-width: 100%;}
#cam img{height: auto;border: 0;border-radius: 0;box-shadow: none;}
#cam button,#cam input,#cam textarea{font: inherit;color: inherit;letter-spacing: inherit;margin: 0;}
#cam button{background: none;border: 0;padding: 0;border-radius: 0;cursor: pointer;text-transform: none;white-space: normal;}
#cam button:hover,#cam button:focus{background: none;color: inherit;}
#cam fieldset{border: 0;min-width: 0;}
#cam label{display: block;line-height: inherit;vertical-align: baseline;}
#cam p{text-wrap: pretty;}
#cam b,#cam strong{font-weight: 600;}
#cam em,#cam i{font-style: normal;}
#cam small{font-size: inherit;}
#cam summary{display: block;}
#cam :focus-visible{outline: 3px solid var(--azul-400);outline-offset: 3px;}
#cam ::selection{background: var(--azul-100);color: var(--tinta);}
#cam .cam-ancho{width: min(1200px, 100% - 2 * var(--borde));margin-inline: auto;}
#cam .cam-seccion{padding-block: var(--aire);}
#cam .cam-escena{position: relative;isolation: isolate;margin-inline: var(--canal);border-radius: var(--radio-escena);overflow: hidden;overflow: clip;}
#cam .cam-ico{width: 1.25em;height: 1.25em;flex: none;}
#cam [id]{scroll-margin-top: 24px;}
#cam .cam-etq{display: flex;align-items: center;gap: 10px;font-size: 12px;font-weight: 600;line-height: 1.3;letter-spacing: .16em;text-transform: uppercase;color: var(--azul-700);}
#cam .cam-etq::before{content: "";flex: none;width: 6px;height: 14px;border-radius: 3px;background: var(--azul);}
#cam .cam-etq--gris{color: var(--gris-500);}
#cam .cam-etq--gris::before{display: none;}
#cam .cam-etq--clara{color: #fff;}
#cam .cam-etq--clara::before{background: var(--azul-400);}
#cam .cam-titular{font-size: clamp(38px, 4.15vw, 56px);font-weight: 600;line-height: 1.1;letter-spacing: -.025em;text-wrap: balance;}
#cam .cam-titular em{color: var(--azul-400);font-weight: 700;}
#cam .cam-titulo{font-size: clamp(27px, 2.55vw, 32px);font-weight: 600;line-height: 1.15;letter-spacing: -.02em;text-wrap: balance;}
#cam .cam-entradilla{font-size: clamp(18px, 1.5vw, 20px);font-weight: 300;line-height: 1.5;}
#cam .cam-cab{display: grid;gap: 14px;align-content: start;justify-items: start;}
#cam .cam-cab__txt{color: var(--gris-500);max-width: 34em;}
#cam .cam-cab--fila{grid-template-columns: minmax(0, 1fr) auto;align-items: end;gap: 24px 56px;}
#cam .cam-cab--fila > div{display: grid;gap: 14px;}
#cam .cam-cab--fila > .cam-cab__txt{max-width: 27em;}
#cam .cam-enlace{display: inline-block;font-weight: 600;color: var(--azul-700);text-decoration: underline;text-decoration-thickness: 1.5px;text-underline-offset: 5px;}
#cam .cam-enlace:hover,#cam .cam-enlace:focus{color: var(--azul-800);}
#cam .cam-enlace span{white-space: nowrap;}
#cam .cam-enlace .cam-ico{display: inline-block;width: 18px;height: 18px;margin-left: 8px;vertical-align: -3px;transition: transform .25s var(--suave);}
#cam .cam-enlace:hover .cam-ico{transform: translateX(3px);}
#cam .cam-boton{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 58px;padding: 10px 28px;border-radius: var(--radio-boton);background: var(--azul);color: #fff;font-size: 19px;font-weight: 700;line-height: 1.2;text-align: center;transition: background-color .2s, box-shadow .2s, transform .2s var(--suave);}
#cam .cam-boton:hover,#cam .cam-boton:focus{background: var(--azul-600);color: #fff;}
#cam .cam-boton:active{transform: translateY(1px);}
#cam .cam-boton .cam-ico{width: 20px;height: 20px;stroke-width: 2.5;transition: transform .25s var(--suave);}
#cam .cam-boton:hover .cam-ico:not(.cam-ico--wa){transform: translateX(3px);}
#cam .cam-boton .cam-ico--wa{width: 22px;height: 22px;}
#cam .cam-boton--2{background: transparent;box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .45);}
#cam .cam-boton--2:hover,#cam .cam-boton--2:focus{background: rgb(255 255 255 / .1);box-shadow: inset 0 0 0 1.5px #fff;}
#cam .cam-boton--ancho{width: 100%;}
#cam .cam-solo-estrecho{display: none;}
#cam .cam-boton[disabled]{opacity: .65;cursor: progress;}
#cam .cam-portada{background: var(--degradado);color: #fff;}
#cam .cam-portada__in{display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: clamp(32px, 5vw, 72px);padding-block: clamp(48px, 5.4vw, 80px);}
#cam .cam-portada__txt{max-width: 35em;}
#cam .cam-portada .cam-titular{margin-top: 20px;}
#cam .cam-portada .cam-entradilla{color: var(--claro);margin-top: 22px;max-width: 29em;}
#cam .cam-acciones{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 34px;}
#cam .cam-portada__precio{margin-top: 22px;font-size: 14px;line-height: 1.6;color: var(--claro);}
#cam .cam-portada__precio b{color: #fff;}
#cam .cam-portada__txt > *{animation: cam-entra .8s var(--suave) both;}
#cam .cam-portada__txt > :nth-child(2){animation-delay: .06s;}
#cam .cam-portada__txt > :nth-child(3){animation-delay: .12s;}
#cam .cam-portada__txt > :nth-child(4){animation-delay: .18s;}
#cam .cam-portada__txt > :nth-child(5){animation-delay: .24s;}
#cam .cam-barras{--capw: clamp(132px, 14.4vw, 188px);display: flex;align-items: flex-end;gap: calc(var(--capw) * .1);font-size: calc(var(--capw) / 18.8);line-height: 1.3;color: var(--tinta);}
#cam .cam-barra{width: var(--capw);display: grid;justify-items: center;animation: cam-sube 1s var(--suave) both;}
#cam .cam-barra--1{animation-delay: .15s;}
#cam .cam-barra--2{margin-bottom: calc(var(--capw) * .4);animation-delay: .27s;}
#cam .cam-barra--3{margin-bottom: calc(var(--capw) * .88);animation-delay: .39s;}
#cam .cam-barra__pie{display: flex;align-items: center;gap: 8px;margin-top: 14px;font-size: 14px;font-weight: 600;line-height: 1.2;color: #fff;white-space: nowrap;}
#cam .cam-barra__pie span{display: grid;place-items: center;width: 20px;height: 20px;border-radius: 50%;box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .5);font-size: 11px;}
#cam .cam-capsula{width: 100%;height: calc(var(--capw) * 1.98);border-radius: 999px;background: #fff;padding: 2.7em 1.5em 3.3em;display: flex;flex-direction: column;align-items: center;box-shadow: 0 2.4em 5em rgb(12 16 44 / .3);overflow: hidden;isolation: isolate;transition: translate .5s var(--suave);}
#cam .cam-capsula > :nth-child(2){margin-block: auto;}
#cam .cam-capsula__ico{flex: none;display: grid;place-items: center;width: 4em;height: 4em;border-radius: 50%;background: var(--azul-50);color: var(--azul-700);}
#cam .cam-capsula__ico .cam-ico{width: 2em;height: 2em;}
#cam .cam-obra{flex: none;width: 100%;border-radius: 1em;box-shadow: 0 0 0 1px var(--gris-200);overflow: hidden;isolation: isolate;background: #fff;}
#cam .cam-obra__barra{display: flex;align-items: center;gap: .35em;height: 1.7em;padding-inline: .7em;background: var(--gris-100);}
#cam .cam-obra__barra i{width: .45em;height: .45em;border-radius: 50%;background: var(--gris-300);}
#cam .cam-obra__cuerpo{display: grid;grid-template-columns: 2.7em minmax(0, 1fr);height: 15.4em;}
#cam .cam-obra__lado{display: flex;flex-direction: column;gap: .65em;padding: .9em .6em;background: var(--azul-50);}
#cam .cam-obra__lado i{height: .5em;border-radius: 1em;background: var(--azul-200);}
#cam .cam-obra__lado i:first-child{background: var(--azul);}
#cam .cam-obra__zona{display: flex;flex-direction: column;gap: .75em;padding: .95em .85em;}
#cam .cam-obra__tit{width: 62%;height: .75em;border-radius: 1em;background: var(--tinta);}
#cam .cam-obra__cifras{display: grid;grid-template-columns: 1fr 1fr;gap: .5em;}
#cam .cam-obra__cifras i{height: 2.7em;border-radius: .7em;background: var(--azul-50);position: relative;}
#cam .cam-obra__cifras i::after{content: "";position: absolute;left: .55em;bottom: .6em;width: 46%;height: .55em;border-radius: 1em;background: var(--azul);}
#cam .cam-obra__cifras i + i::after{background: var(--tinta);width: 34%;}
#cam .cam-obra__graf{display: flex;align-items: flex-end;gap: .42em;height: 5em;}
#cam .cam-obra__graf i{flex: 1;border-radius: 1em;background: var(--azul-200);transform-origin: bottom;}
#cam .cam-obra__graf i:nth-child(1){height: 34%;}
#cam .cam-obra__graf i:nth-child(2){height: 52%;}
#cam .cam-obra__graf i:nth-child(3){height: 44%;}
#cam .cam-obra__graf i:nth-child(4){height: 74%;}
#cam .cam-obra__graf i:nth-child(5){height: 100%;background: var(--azul);}
#cam .cam-obra__fila{height: .5em;border-radius: 1em;background: var(--gris-200);}
#cam .cam-obra__fila + .cam-obra__fila{width: 68%;}
#cam .cam-obra__zona > *,#cam .cam-obra__lado > *{animation: cam-pieza 8s var(--suave) infinite both;}
#cam .cam-obra__lado > :nth-child(1){animation-delay: .1s;}
#cam .cam-obra__lado > :nth-child(2){animation-delay: .25s;}
#cam .cam-obra__lado > :nth-child(3){animation-delay: .4s;}
#cam .cam-obra__lado > :nth-child(4){animation-delay: .55s;}
#cam .cam-obra__zona > :nth-child(1){animation-delay: .8s;}
#cam .cam-obra__zona > :nth-child(2){animation-delay: 1.3s;}
#cam .cam-obra__zona > :nth-child(3){animation-delay: 1.9s;}
#cam .cam-obra__zona > :nth-child(4){animation-delay: 2.6s;}
#cam .cam-obra__zona > :nth-child(5){animation-delay: 2.9s;}
#cam .cam-avance{flex: none;width: 52%;height: .7em;border-radius: 1em;background: var(--gris-100);overflow: hidden;}
#cam .cam-avance span{display: block;height: 100%;border-radius: inherit;background: var(--azul);transform-origin: left;animation: cam-avanza 8s linear infinite both;}
#cam .cam-estado{flex: none;width: 100%;display: grid;gap: .8em;}
#cam .cam-estado li{display: flex;align-items: center;gap: .7em;padding: .78em 1em;border-radius: 2em;background: var(--azul-50);font-size: 1.04em;font-weight: 600;white-space: nowrap;}
#cam .cam-estado .cam-ico{width: 1.35em;height: 1.35em;color: var(--azul-700);stroke-width: 3;}
#cam .cam-estado__vivo i{position: relative;flex: none;width: .8em;height: .8em;margin: 0 .27em;border-radius: 50%;background: var(--verde);}
#cam .cam-estado__vivo i::after{content: "";position: absolute;inset: 0;border-radius: 50%;background: var(--verde);animation: cam-pulso 2.2s ease-out infinite;}
#cam .cam-latidos{flex: none;display: flex;align-items: flex-end;gap: .38em;height: 2em;}
#cam .cam-latidos i{width: .48em;height: 100%;border-radius: 1em;background: var(--azul-200);transform-origin: bottom;animation: cam-late 1.8s ease-in-out infinite both;}
#cam .cam-latidos i:nth-child(2){animation-delay: .12s;}
#cam .cam-latidos i:nth-child(3){animation-delay: .24s;}
#cam .cam-latidos i:nth-child(4){animation-delay: .36s;}
#cam .cam-latidos i:nth-child(5){animation-delay: .48s;}
#cam .cam-latidos i:nth-child(6){animation-delay: .6s;}
#cam .cam-latidos i:nth-child(7){animation-delay: .72s;}
#cam .cam-latidos i:nth-child(8){animation-delay: .84s;}
#cam .cam-latidos i:nth-child(9){animation-delay: .96s;}
#cam .cam-pet__caja{flex: none;width: 100%;}
#cam .cam-pet__cab{width: 100%;display: flex;align-items: center;justify-content: space-between;font-size: 1.04em;font-weight: 600;color: var(--gris-500);}
#cam .cam-pet__cab .cam-ico{width: 1.7em;height: 1.7em;color: var(--azul-700);}
#cam .cam-pet__ventana{width: 100%;height: 11.6em;margin-top: .3em;overflow: hidden;}
#cam .cam-pet{transition: transform .6s var(--suave);}
#cam .cam-pet--sube{transform: translateY(-2.9em);}
#cam .cam-pet--quieta{transition: none;}
#cam .cam-pet li{display: flex;align-items: center;gap: .7em;height: 2.9em;border-bottom: 1px solid var(--gris-100);font-size: 1em;font-weight: 500;white-space: nowrap;color: var(--gris-500);transition: color .4s;}
#cam .cam-pet li span{overflow: hidden;text-overflow: ellipsis;}
#cam .cam-pet li i{position: relative;flex: none;width: 1.5em;height: 1.5em;border-radius: 50%;box-shadow: inset 0 0 0 .16em var(--gris-300);transition: background-color .4s, box-shadow .4s;}
#cam .cam-pet li i::after{content: "";position: absolute;left: 50%;top: 46%;width: .38em;height: .68em;border: solid #fff;border-width: 0 .17em .17em 0;transform: translate(-50%, -50%) rotate(45deg) scale(0);transition: transform .4s var(--suave);}
#cam .cam-pet li[data-e="hecho"]{color: var(--tinta);}
#cam .cam-pet li[data-e="hecho"] i{background: var(--verde);box-shadow: inset 0 0 0 .16em var(--verde);}
#cam .cam-pet li[data-e="hecho"] i::after{transform: translate(-50%, -50%) rotate(45deg) scale(1);}
#cam .cam-pet li[data-e="marcha"]{color: var(--tinta);font-weight: 600;}
#cam .cam-pet li[data-e="marcha"] i{box-shadow: inset 0 0 0 .16em var(--azul-100);}
#cam .cam-pet li[data-e="marcha"] i::before{content: "";position: absolute;inset: 0;border-radius: 50%;border: .16em solid transparent;border-top-color: var(--azul);animation: cam-gira .9s linear infinite;}
#cam .cam-pet__pie{flex: none;padding: .45em 1.2em;border-radius: 2em;background: var(--azul-50);color: var(--azul-700);font-size: 1em;font-weight: 600;}
#cam .cam-cinta{display: grid;gap: 16px;padding-block: clamp(28px, 3.2vw, 44px) 0;}
#cam .cam-cinta__tit{text-align: center;font-size: 12px;font-weight: 600;letter-spacing: .16em;text-transform: uppercase;color: var(--gris-500);}
#cam .cam-cinta__ventana{overflow: hidden;-webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);}
#cam .cam-cinta__pista{display: flex;gap: 10px;width: max-content;animation: cam-cinta 56s linear infinite;}
#cam .cam-cinta:hover .cam-cinta__pista{animation-play-state: paused;}
#cam .cam-cinta__pista li{padding: 9px 18px;border-radius: 999px;box-shadow: inset 0 0 0 1px var(--gris-200);font-size: 15px;font-weight: 500;line-height: 1.3;color: var(--gris-700);white-space: nowrap;}
#cam .cam-problema__in{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);gap: clamp(32px, 5vw, 80px);align-items: start;}
#cam .cam-problema .cam-cab{position: sticky;top: 32px;}
#cam .cam-problemas{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;}
#cam .cam-problemas__uno{display: grid;gap: 18px;align-content: start;padding: 24px;border-radius: var(--radio);box-shadow: inset 0 0 0 1px var(--gris-200);background: #fff;transition: box-shadow .3s, transform .3s var(--suave);}
@media (hover: hover){#cam .cam-problemas__uno:hover{box-shadow: inset 0 0 0 1.5px var(--azul-200);transform: translateY(-2px);}
#cam .cam-pieza:hover{background: var(--gris-50);}
#cam .cam-barra:hover .cam-capsula{translate: 0 -8px;}}
#cam .cam-problemas__ico{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 10px;background: var(--azul-50);color: var(--azul-700);}
#cam .cam-problemas__ico .cam-ico{width: 22px;height: 22px;}
#cam .cam-problemas__uno p{color: var(--gris-600);}
#cam .cam-problemas__uno b{color: var(--tinta);}
#cam .cam-manifiesto{display: grid;grid-template-columns: auto minmax(0, 1fr);align-items: center;gap: clamp(24px, 5vw, 72px);margin-top: clamp(48px, 6vw, 88px);padding: clamp(36px, 6vw, 88px);border-radius: var(--radio-escena);background: var(--azul-50);}
#cam .cam-manifiesto__marca{width: clamp(56px, 7vw, 96px);color: var(--azul);}
#cam .cam-manifiesto__txt{font-size: clamp(22px, 2.55vw, 32px);font-weight: 600;line-height: 1.28;letter-spacing: -.018em;max-width: 25em;}
#cam .cam-manifiesto__txt em{color: var(--azul-700);}
#cam.cam-js .cam-pal{opacity: .2;transition: opacity .4s;}
#cam.cam-js .cam-pal--si{opacity: 1;}
#cam .cam-pestanas{position: relative;display: grid;grid-template-columns: 1fr 1fr;padding: 5px;border-radius: 15px;background: var(--gris-100);}
#cam .cam-pestanas__fondo{position: absolute;top: 5px;bottom: 5px;left: 5px;width: calc(50% - 5px);border-radius: var(--radio-boton);background: #fff;box-shadow: var(--sombra);transition: transform .45s var(--suave);}
#cam .cam-pestanas[data-activa="1"] .cam-pestanas__fondo{transform: translateX(100%);}
#cam .cam-pestana{position: relative;padding: 13px 22px;border-radius: var(--radio-boton);font-size: 16px;font-weight: 600;line-height: 1.25;color: var(--gris-500);text-align: center;transition: color .25s;}
#cam .cam-pestana:hover,#cam .cam-pestana:focus{color: var(--tinta);}
#cam .cam-pestana[aria-selected="true"]{color: var(--tinta);}
#cam .cam-uso{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);gap: clamp(28px, 5vw, 80px);align-items: start;margin-top: clamp(32px, 4vw, 56px);}
#cam .cam-uso[hidden]{display: none;}
#cam:not(.cam-js) .cam-uso[hidden]{display: grid;}
#cam:not(.cam-js) .cam-pestanas{display: none;}
#cam .cam-uso__tit{margin-top: 12px;font-size: clamp(21px, 1.9vw, 24px);font-weight: 600;line-height: 1.2;letter-spacing: -.015em;}
#cam .cam-uso__p{margin-top: 14px;color: var(--gris-600);}
#cam .cam-uso .cam-enlace{margin-top: 22px;}
#cam .cam-piezas{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1px;border-radius: var(--radio);background: var(--gris-200);box-shadow: 0 0 0 1px var(--gris-200);overflow: hidden;}
#cam .cam-pieza{display: grid;gap: 8px;align-content: start;padding: 26px 24px 28px;background: #fff;transition: background-color .3s;}
#cam .cam-pieza__ico{color: var(--azul-700);margin-bottom: 8px;}
#cam .cam-pieza__ico .cam-ico{width: 26px;height: 26px;}
#cam .cam-pieza h4{font-size: 17px;font-weight: 600;line-height: 1.3;}
#cam .cam-pieza p{font-size: 15px;line-height: 1.5;color: var(--gris-600);}
#cam .cam-uso.cam-cambia .cam-uso__txt{animation: cam-entra .5s var(--suave) both;}
#cam .cam-uso.cam-cambia .cam-pieza > *{animation: cam-entra .5s var(--suave) both;animation-delay: calc(var(--d) * 45ms + 60ms);}
#cam .cam-casos{background: var(--gris-100);}
#cam .cam-pila{display: grid;gap: 20px;margin-top: clamp(32px, 4vw, 56px);}
#cam .cam-caso{position: sticky;top: calc(20px + var(--i) * 14px);display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);align-items: center;gap: clamp(24px, 4vw, 64px);padding: clamp(24px, 3.4vw, 48px);border-radius: var(--radio-grande);background: #fff;box-shadow: var(--sombra);}
#cam .cam-caso__tipo{display: flex;align-items: center;gap: 12px;font-size: 12px;font-weight: 600;letter-spacing: .16em;text-transform: uppercase;color: var(--gris-500);}
#cam .cam-caso__tipo span{color: var(--azul-700);}
#cam .cam-caso__nombre{margin-top: 14px;font-size: clamp(27px, 2.55vw, 32px);font-weight: 600;line-height: 1.1;letter-spacing: -.02em;}
#cam .cam-caso__frase{margin-top: 10px;font-size: clamp(18px, 1.55vw, 20px);font-weight: 500;line-height: 1.35;}
#cam .cam-caso__p{margin-top: 14px;font-size: 16px;color: var(--gris-600);}
#cam .cam-caso__datos{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 22px;}
#cam .cam-caso__datos li{padding: 6px 14px;border-radius: 999px;background: var(--azul-50);color: var(--azul-700);font-size: 13px;font-weight: 600;line-height: 1.4;}
#cam .cam-marco{border-radius: var(--radio);box-shadow: 0 0 0 1px var(--gris-200);overflow: hidden;background: #fff;}
#cam .cam-marco__barra{display: flex;align-items: center;gap: 6px;height: 34px;padding-inline: 14px;background: var(--gris-100);border-bottom: 1px solid var(--gris-200);}
#cam .cam-marco__barra i{width: 9px;height: 9px;border-radius: 50%;background: var(--gris-300);}
#cam .cam-marco__barra span{margin-left: 10px;padding: 2px 12px;border-radius: 999px;background: #fff;font-size: 12px;line-height: 1.5;color: var(--gris-500);}
#cam .cam-marco img{width: 100%;aspect-ratio: 16 / 10;object-fit: cover;object-position: left top;}
#cam .cam-casos__nota{margin-top: 24px;font-size: 13.5px;color: var(--gris-500);}
#cam .cam-pasos{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));align-items: end;gap: clamp(20px, 2.6vw, 36px);margin-top: clamp(40px, 5vw, 64px);}
#cam .cam-paso{display: grid;gap: 22px;}
#cam .cam-paso h3{font-size: clamp(19px, 1.6vw, 21px);font-weight: 600;line-height: 1.25;letter-spacing: -.01em;}
#cam .cam-paso p{margin-top: 8px;font-size: 16px;color: var(--gris-600);}
#cam .cam-paso__barra{display: flex;align-items: flex-end;justify-content: center;width: 64px;height: calc(76px + var(--n) * 46px);padding-bottom: 20px;border-radius: 32px;background: var(--azul-100);transform-origin: bottom;}
#cam .cam-paso:nth-child(2) .cam-paso__barra{background: var(--azul-200);}
#cam .cam-paso:nth-child(3) .cam-paso__barra{background: var(--azul-400);}
#cam .cam-paso:nth-child(4) .cam-paso__barra{background: var(--azul);}
#cam .cam-paso__barra b{font-size: 20px;font-weight: 700;line-height: 1;color: var(--noche);}
#cam.cam-js .cam-pasos[data-cam-ver]{opacity: 1;transform: none;}
#cam.cam-js .cam-pasos .cam-paso__barra{transform: scaleY(.25);opacity: 0;transition: transform 1s var(--suave), opacity .5s;transition-delay: calc(var(--n) * .12s);}
#cam.cam-js .cam-pasos .cam-paso__txt{opacity: 0;transform: translateY(14px);transition: opacity .7s var(--suave), transform .7s var(--suave);transition-delay: calc(var(--n) * .12s + .15s);}
#cam.cam-js .cam-pasos.cam-visto .cam-paso__barra,#cam.cam-js .cam-pasos.cam-visto .cam-paso__txt{transform: none;opacity: 1;}
#cam .cam-precio{background: var(--noche);color: #fff;}
#cam .cam-precio__in{display: grid;grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);align-items: center;gap: clamp(32px, 6vw, 96px);padding-block: clamp(56px, 7vw, 104px);}
#cam .cam-precio__txt .cam-titulo{margin-top: 14px;max-width: 14em;}
#cam .cam-compara{display: grid;margin-top: clamp(28px, 3vw, 40px);}
#cam .cam-compara div{display: flex;align-items: baseline;justify-content: space-between;gap: 20px;padding: 17px 0;border-bottom: 1px solid rgb(255 255 255 / .13);}
#cam .cam-compara dt{color: var(--claro);}
#cam .cam-compara dd{text-align: right;color: var(--claro);}
#cam .cam-compara .cam-compara__nos{border-bottom: 0;}
#cam .cam-compara__nos dt{color: #fff;font-weight: 600;}
#cam .cam-compara__nos dd{color: var(--azul-400);font-size: clamp(19px, 1.7vw, 22px);font-weight: 700;white-space: nowrap;}
#cam .cam-plan{padding: clamp(28px, 3.2vw, 44px);border-radius: var(--radio-grande);background: #fff;color: var(--tinta);}
#cam .cam-plan__nombre{font-size: 12px;font-weight: 600;letter-spacing: .16em;text-transform: uppercase;color: var(--azul-700);}
#cam .cam-plan__precio{display: flex;align-items: baseline;flex-wrap: wrap;gap: 4px 14px;margin-top: 12px;}
#cam .cam-plan__precio b{font-size: clamp(64px, 7.4vw, 100px);font-weight: 700;line-height: .95;letter-spacing: -.045em;}
#cam .cam-plan__precio span{font-size: 19px;font-weight: 500;color: var(--gris-600);}
#cam .cam-plan__minimo{margin-top: 10px;font-size: 15px;color: var(--gris-500);}
#cam .cam-plan__lista{display: grid;gap: 13px;margin-top: 24px;padding-top: 24px;border-top: 1px solid var(--gris-200);}
#cam .cam-plan__lista li{display: flex;align-items: flex-start;gap: 12px;}
#cam .cam-plan__lista .cam-ico{width: 20px;height: 20px;margin-top: 3px;color: var(--azul-700);stroke-width: 2.75;}
#cam .cam-plan .cam-boton{margin-top: 28px;}
#cam .cam-plan__nota{margin-top: 18px;font-size: 13.5px;line-height: 1.55;color: var(--gris-500);}
#cam .cam-plan__nota b{color: var(--gris-700);}
#cam .cam-dudas__in{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);gap: clamp(32px, 5vw, 80px);align-items: start;}
#cam .cam-dudas__cab{position: sticky;top: 32px;}
#cam .cam-dudas__cab .cam-enlace{margin-top: 6px;}
#cam .cam-duda{border-bottom: 1px solid var(--gris-200);}
#cam .cam-duda:first-child{border-top: 1px solid var(--gris-200);}
#cam .cam-duda summary{display: flex;align-items: center;justify-content: space-between;gap: 24px;padding: 22px 0;font-size: clamp(17px, 1.5vw, 20px);font-weight: 600;line-height: 1.3;letter-spacing: -.01em;cursor: pointer;list-style: none;transition: color .2s;}
#cam .cam-duda summary::-webkit-details-marker{display: none;}
#cam .cam-duda summary:hover{color: var(--azul-700);}
#cam .cam-duda summary .cam-ico{width: 22px;height: 22px;color: var(--azul-700);transition: transform .35s var(--suave);}
#cam .cam-duda[open]:not(.cam-duda--cierra) summary .cam-ico{transform: rotate(45deg);}
#cam .cam-duda__r{color: var(--gris-600);}
#cam .cam-duda__r p{max-width: 60ch;padding: 0 46px 26px 0;}
#cam .cam-contacto{background: var(--degradado);color: #fff;margin-bottom: var(--canal);}
#cam .cam-trama{position: absolute;z-index: -1;right: -9.5%;top: -34%;width: auto;max-width: none;height: 150%;color: #fff;opacity: .1;pointer-events: none;}
#cam .cam-contacto__in{display: grid;grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);align-items: center;gap: clamp(32px, 6vw, 96px);padding-block: clamp(56px, 7vw, 104px);}
#cam .cam-contacto .cam-titulo{margin-top: 14px;}
#cam .cam-contacto .cam-entradilla{margin-top: 18px;color: var(--claro);max-width: 27em;}
#cam .cam-contacto .cam-entradilla b{color: #fff;}
#cam .cam-directo{display: grid;margin-top: clamp(24px, 3vw, 36px);max-width: 28em;}
#cam .cam-directo a{display: grid;grid-template-columns: 24px 88px minmax(0, 1fr);align-items: center;gap: 14px;padding: 15px 0;border-bottom: 1px solid rgb(255 255 255 / .16);transition: padding-left .3s var(--suave);}
#cam .cam-directo li:first-child a{border-top: 1px solid rgb(255 255 255 / .16);}
#cam .cam-directo a:hover{padding-left: 6px;}
#cam .cam-directo .cam-ico{width: 22px;height: 22px;}
#cam .cam-directo span{font-size: 14px;color: var(--claro);}
#cam .cam-directo b{font-size: clamp(17px, 1.5vw, 19px);overflow-wrap: anywhere;}
#cam .cam-contacto__horario{margin-top: 20px;font-size: 14px;line-height: 1.6;color: var(--claro);max-width: 34em;}
#cam .cam-form{position: relative;display: grid;gap: 16px;}
#cam .cam-form--tarjeta{padding: clamp(24px, 3vw, 40px);border-radius: var(--radio-grande);background: #fff;color: var(--tinta);}
#cam .cam-form__dos{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;}
#cam .cam-campo{display: grid;gap: 6px;}
#cam .cam-campo label,#cam .cam-opciones legend{font-size: 14px;font-weight: 600;line-height: 1.35;}
#cam .cam-campo small{font-weight: 400;color: var(--gris-500);}
#cam .cam-campo input,#cam .cam-campo textarea{display: block;width: 100%;min-height: 52px;padding: 13px 14px;border: 1.5px solid var(--gris-300);border-radius: var(--radio-boton);background: #fff;color: var(--tinta);font-size: 16px;line-height: 1.4;box-shadow: none;outline: 0;transition: border-color .2s, box-shadow .2s;-webkit-appearance: none;appearance: none;}
#cam .cam-campo textarea{resize: vertical;min-height: 96px;}
#cam .cam-campo input:hover,#cam .cam-campo textarea:hover{border-color: var(--gris-400);}
#cam .cam-campo input:focus,#cam .cam-campo textarea:focus{border-color: var(--azul);box-shadow: 0 0 0 4px var(--azul-100);}
#cam .cam-campo--mal input,#cam .cam-campo--mal textarea{border-color: var(--rojo);}
#cam .cam-opciones{display: flex;flex-wrap: wrap;gap: 8px;}
#cam .cam-opciones legend{width: 100%;margin-bottom: 8px;float: left;}
#cam .cam-opciones label{position: relative;cursor: pointer;}
#cam .cam-opciones input{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer;}
#cam .cam-opciones span{display: block;padding: 10px 16px;border-radius: 999px;box-shadow: inset 0 0 0 1.5px var(--gris-300);font-size: 14.5px;font-weight: 500;line-height: 1.3;transition: box-shadow .2s, background-color .2s, color .2s;}
#cam .cam-opciones label:hover span{box-shadow: inset 0 0 0 1.5px var(--gris-400);}
#cam .cam-opciones input:checked + span{background: var(--azul-50);color: var(--azul-700);font-weight: 600;box-shadow: inset 0 0 0 1.5px var(--azul-700);}
#cam .cam-opciones input:focus-visible + span{outline: 3px solid var(--azul-400);outline-offset: 2px;}
#cam .cam-acepto{display: flex;align-items: flex-start;gap: 10px;font-size: 14px;line-height: 1.45;color: var(--gris-600);cursor: pointer;}
#cam .cam-acepto input{flex: none;width: 18px;height: 18px;margin: 1px 0 0;accent-color: var(--azul-700);cursor: pointer;}
#cam .cam-acepto a{color: var(--azul-700);text-decoration: underline;text-underline-offset: 3px;}
#cam .cam-acepto a:hover{color: var(--azul-800);}
#cam .cam-acepto--mal{color: var(--rojo);}
#cam .cam-form__aviso{font-size: 14px;font-weight: 500;color: var(--rojo);}
#cam .cam-form__aviso:empty{display: none;}
#cam .cam-form__legal{font-size: 12.5px;line-height: 1.5;color: var(--gris-500);}
#cam .cam-trampa{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;}
#cam .cam-hecho{display: grid;gap: 12px;justify-items: start;padding-block: 12px;outline: 0;animation: cam-entra .6s var(--suave) both;}
#cam .cam-hecho__ico{display: grid;place-items: center;width: 56px;height: 56px;border-radius: 50%;background: var(--verde);color: #fff;}
#cam .cam-hecho__ico .cam-ico{width: 28px;height: 28px;stroke-width: 3;}
#cam .cam-hecho h3{margin-top: 6px;font-size: clamp(22px, 2vw, 26px);font-weight: 600;line-height: 1.2;letter-spacing: -.015em;}
#cam .cam-hecho p{color: var(--gris-600);}
#cam .cam-wa{position: fixed;z-index: 9990;right: 20px;bottom: 20px;display: flex;align-items: center;gap: 10px;height: 56px;padding: 0 22px 0 16px;border-radius: 999px;background: #25D366;color: #0B2B1A;font-size: 16px;font-weight: 700;line-height: 1;box-shadow: 0 10px 28px rgb(23 26 40 / .22);transition: transform .25s var(--suave), box-shadow .25s;}
#cam .cam-wa:hover,#cam .cam-wa:focus{color: #0B2B1A;transform: translateY(-2px);box-shadow: 0 14px 32px rgb(23 26 40 / .26);}
#cam .cam-wa .cam-ico{width: 28px;height: 28px;}
#cam .cam-modal{position: fixed;z-index: 99990;inset: 0;display: grid;place-items: center;padding: 16px;}
#cam .cam-modal[hidden]{display: none;}
#cam .cam-modal__fondo{position: absolute;inset: 0;background: rgb(23 26 40 / .66);animation: cam-funde .3s both;}
#cam .cam-modal__caja{position: relative;width: min(470px, 100%);max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);overflow: auto;overscroll-behavior: contain;padding: clamp(24px, 4vw, 36px);border-radius: var(--radio-grande);background: #fff;color: var(--tinta);animation: cam-salta .4s var(--suave) both;}
#cam .cam-modal__x{position: absolute;top: 12px;right: 12px;display: grid;place-items: center;width: 42px;height: 42px;border-radius: 50%;color: var(--gris-600);transition: background-color .2s;}
#cam .cam-modal__x:hover,#cam .cam-modal__x:focus{background: var(--gris-100);color: var(--tinta);}
#cam .cam-modal__x .cam-ico{width: 22px;height: 22px;}
#cam .cam-modal__tit{margin-top: 12px;font-size: clamp(26px, 5vw, 30px);font-weight: 600;line-height: 1.15;letter-spacing: -.02em;}
#cam .cam-modal__p{margin: 10px 0 22px;color: var(--gris-600);}
html.cam-sin-desplazar{overflow: hidden;}
#cam.cam-js [data-cam-ver]{opacity: 0;transform: translateY(18px);transition: opacity .8s var(--suave), transform .8s var(--suave);transition-delay: calc(var(--d, 0) * 70ms);}
#cam.cam-js [data-cam-ver].cam-visto{opacity: 1;transform: none;}
@keyframes cam-entra{from{opacity: 0;transform: translateY(16px);}}
@keyframes cam-sube{from{opacity: 0;transform: translateY(56px);}}
@keyframes cam-funde{from{opacity: 0;}}
@keyframes cam-salta{from{opacity: 0;transform: translateY(20px) scale(.97);}}
@keyframes cam-cinta{to{transform: translateX(calc(-50% - 5px));}}
@keyframes cam-gira{to{transform: rotate(360deg);}}
@keyframes cam-pulso{0%{transform: scale(1);opacity: .55;}70%, 100%{transform: scale(2.6);opacity: 0;}}
@keyframes cam-late{0%, 100%{transform: scaleY(.45);background-color: #B8CFFF;}45%{transform: scaleY(1);background-color: #5F86FE;}}
@keyframes cam-pieza{0%{opacity: 0;transform: translateY(.7em) scale(.94);}7%, 88%{opacity: 1;transform: none;}95%, 100%{opacity: 0;transform: none;}}
@keyframes cam-avanza{0%{transform: scaleX(0);}45%, 90%{transform: scaleX(1);}95%, 100%{transform: scaleX(1);opacity: 0;}}
@supports (animation-timeline: scroll()){#cam .cam-capsula{animation: cam-deriva linear both;animation-timeline: scroll(root block);animation-range: 0 900px;}
#cam .cam-barra--1 .cam-capsula{--deriva: -10px;}
#cam .cam-barra--2 .cam-capsula{--deriva: -30px;}
#cam .cam-barra--3 .cam-capsula{--deriva: -54px;}}
@keyframes cam-deriva{to{transform: translateY(var(--deriva, 0));}}
@media (min-width: 960px) and (max-height: 800px){#cam .cam-portada__in{padding-block: min(clamp(40px, 5.4vw, 80px), 5.5vh);}
#cam .cam-barras{--capw: min(clamp(132px, 14.4vw, 188px), 23.5vh);}}
@media (min-width: 960px) and (max-width: 1279px){#cam .cam-portada__in{gap: clamp(28px, 3.4vw, 44px);}
#cam .cam-acciones .cam-boton{padding-inline: 22px;}}
@media (max-width: 959px){#cam .cam-portada__in{grid-template-columns: minmax(0, 1fr);justify-items: start;gap: 56px;}
#cam .cam-barras{--capw: clamp(96px, 22vw, 188px);justify-self: center;}}
@media (max-width: 1099px){#cam .cam-problema__in,#cam .cam-uso,#cam .cam-dudas__in,#cam .cam-precio__in,#cam .cam-contacto__in{grid-template-columns: minmax(0, 1fr);}
#cam .cam-problema .cam-cab,#cam .cam-dudas__cab{position: static;}
#cam .cam-cab--fila{grid-template-columns: minmax(0, 1fr);align-items: start;}
#cam .cam-caso{position: static;grid-template-columns: minmax(0, 1fr);}
#cam .cam-precio__txt .cam-titulo{max-width: none;}
#cam .cam-trama{height: 90%;top: -20%;right: -20%;}}
@media (max-width: 899px){#cam .cam-piezas{grid-template-columns: repeat(2, minmax(0, 1fr));}
#cam .cam-pasos{grid-template-columns: minmax(0, 1fr);gap: 28px;}
#cam .cam-paso{grid-template-columns: auto minmax(0, 1fr);align-items: start;gap: 18px;}
#cam .cam-paso__barra{order: -1;width: 44px;height: 64px;padding-bottom: 14px;border-radius: 22px;}
#cam .cam-paso__barra b{font-size: 17px;}
#cam .cam-paso__txt{padding-top: 4px;}}
@media (max-width: 639px){#cam .cam-barras{--capw: calc((100vw - 2 * var(--canal) - 2 * var(--borde)) / 3.2);}
#cam .cam-barra__pie{font-size: 12px;gap: 0;margin-top: 10px;}
#cam .cam-barra__pie span{display: none;}
#cam .cam-capsula{box-shadow: 0 1.6em 3.4em rgb(12 16 44 / .3);}
#cam .cam-acciones{display: grid;width: 100%;}
#cam .cam-boton--2{font-size: 17px;padding-inline: 16px;}
#cam .cam-solo-estrecho{display: inline;}
#cam .cam-estado span,#cam .cam-pet li span,#cam .cam-pet__cab span,#cam .cam-pet__pie span{color: transparent;border-radius: 1em;background: var(--azul-200);line-height: .62;}
#cam .cam-pet li span,#cam .cam-pet__cab span{background: var(--gris-200);}
#cam .cam-pet li[data-e="hecho"] span,#cam .cam-pet li[data-e="marcha"] span{background: var(--gris-400);}
#cam .cam-problemas__uno{grid-template-columns: auto minmax(0, 1fr);gap: 16px;padding: 20px;}
#cam .cam-pieza{grid-template-columns: auto minmax(0, 1fr);column-gap: 16px;padding: 22px 20px;}
#cam .cam-pieza__ico{grid-row: span 2;margin: 2px 0 0;}
#cam .cam-boton{padding-inline: 20px;}
#cam .cam-problemas,#cam .cam-piezas,#cam .cam-form__dos{grid-template-columns: minmax(0, 1fr);}
#cam .cam-manifiesto{grid-template-columns: minmax(0, 1fr);}
#cam .cam-pestanas{width: 100%;}
#cam .cam-pestana{padding: 11px 10px;font-size: 14.5px;}
#cam .cam-compara div{flex-direction: column;gap: 2px;}
#cam .cam-compara dd{text-align: left;}
#cam .cam-compara__nos dd{margin-top: 2px;}
#cam .cam-duda__r p{padding-right: 0;}
#cam .cam-directo a{grid-template-columns: 24px minmax(0, 1fr);}
#cam .cam-directo span{display: none;}
#cam .cam-wa{right: 14px;bottom: 14px;width: 56px;padding: 0;justify-content: center;}
#cam .cam-wa span{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);}}
@media (prefers-reduced-motion: reduce){#cam *,#cam *::before,#cam *::after{animation: none !important;transition: none !important;}
#cam .cam-cinta__pista{animation: none;flex-wrap: wrap;justify-content: center;width: auto;padding-inline: var(--borde);}
#cam .cam-cinta__pista li[aria-hidden]{display: none;}
#cam .cam-cinta__ventana{-webkit-mask-image: none;mask-image: none;}}