/* Cáceres Tevé — Catálogo. Paleta corporativa del logo. */
#ctv-catalogo{
  --ctv-tinta:#08090C; --ctv-sup:#12141A; --ctv-sup2:#1C1F28; --ctv-linea:#282C36;
  --ctv-txt:#F2F4F8; --ctv-txt2:#9AA2B1;
  --ctv-azul:#006CB4; --ctv-azul-cl:#3E9FE0; --ctv-verde:#00B484; --ctv-rojo:#C0303C;
  --ctv-radio:4px;
  background:var(--ctv-tinta); color:var(--ctv-txt);
  font-family:"Kayak Sans","Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  margin:0 calc(50% - 50vw); padding:0 0 64px; width:100vw; overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
#ctv-catalogo *{box-sizing:border-box;min-width:0;max-width:100%}
#ctv-catalogo a{text-decoration:none!important;color:inherit}
#ctv-catalogo img{display:block;max-width:100%}
#ctv-catalogo h2,#ctv-catalogo h3,#ctv-catalogo h4{color:var(--ctv-txt)!important;font-family:inherit!important;margin:0}

/* el tema deja de pintar su banner de título en estas páginas */
body.cteve-catalogo-activo #page-title-pro{display:none!important}
body.cteve-catalogo-activo #content-pro{padding-bottom:0!important}

/* hero */
#ctv-catalogo .ctv-hero{position:relative;min-height:clamp(430px,64vh,720px);display:flex;align-items:flex-end;
  padding-top:clamp(96px,15vh,170px);overflow:hidden;background:var(--ctv-tinta)}
/* El fondo del destacado.
   Va a pantalla completa y NÍTIDO, como estaba en la 1.0.12 y como le gusta
   a Arturo. Lo que cambia es la fuente: aquí no entra la portada rotulada
   (su título chocaba con el del hero), sino un fotograma limpio guardado en
   `_ctv_fondo`. Si esa pieza no tiene fotograma limpio, cae en la portada y
   entonces sí puede haber solape: la solución es dar de alta el fotograma,
   no maquillarlo con desenfoques ni recortes — probados los tres y los tres
   peores que el problema. */
#ctv-catalogo .ctv-hero-fondo{position:absolute;inset:0;background-size:cover;
  background-position:center 22%;z-index:0}
#ctv-catalogo .ctv-hero::before{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,9,12,.97) 0%,rgba(8,9,12,.80) 42%,rgba(8,9,12,.10) 78%)}
#ctv-catalogo .ctv-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;
  background:linear-gradient(to top,var(--ctv-tinta) 4%,rgba(8,9,12,0) 100%)}
#ctv-catalogo .ctv-hero-in{position:relative;z-index:2;padding:0 clamp(20px,5vw,72px) clamp(38px,6vw,68px);max-width:760px}
#ctv-catalogo .ctv-destacado{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ctv-txt2);margin-bottom:14px}
#ctv-catalogo .ctv-hero h2{font-size:clamp(1.85rem,6.2vw,3.4rem);font-weight:800;line-height:1.04;
  letter-spacing:-.025em;margin:0 0 14px;text-wrap:balance}
#ctv-catalogo .ctv-hero-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;
  font-size:.78rem;color:#CBD1DC;text-shadow:0 1px 10px rgba(0,0,0,.6)}
#ctv-catalogo .ctv-pill{border:1px solid var(--ctv-linea);border-radius:2px;padding:3px 9px;
  font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
/* La primera chapa es la categoría: va en el azul corporativo, para que se
   vea. El rojo y el verde no se tocan: son del directo y de la emisión. */
#ctv-catalogo .ctv-hero-meta .ctv-pill{background:var(--ctv-azul);border-color:var(--ctv-azul);
  color:#fff!important;font-weight:700;text-shadow:none}
/* UN SOLO AZUL. Las dos chapas van en el mismo #006CB4 que el botón de
   acceso de la cabecera: tener tres tonos de azul a la vez en la misma
   pantalla es justo lo que había que quitar. El azul claro se queda para
   los estados :hover y nada más. */
#ctv-catalogo .ctv-hero-meta .ctv-pill+.ctv-pill{background:var(--ctv-azul);
  border-color:var(--ctv-azul);color:#fff!important;font-weight:700}
#ctv-catalogo .ctv-hero p{font-size:clamp(.92rem,1.7vw,1.02rem);line-height:1.6;color:#CBD1DC;margin:0 0 26px;
  max-width:52ch}
#ctv-catalogo .ctv-btns{display:flex;gap:12px;flex-wrap:wrap}
#ctv-catalogo .ctv-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:3px;
  font-size:.92rem;font-weight:600;transition:transform .18s ease,background .18s ease}
#ctv-catalogo .ctv-btn:hover{transform:translateY(-2px)}
#ctv-catalogo .ctv-btn svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto}
#ctv-catalogo .ctv-btn-1{background:var(--ctv-txt);color:#0B0C10!important}
#ctv-catalogo .ctv-btn-1:hover{background:#fff}

/* estados */
#ctv-catalogo .ctv-estado{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;
  gap:6px;padding:5px 10px;border-radius:2px;font-size:.62rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#fff}
#ctv-catalogo .ctv-estado i{width:6px;height:6px;border-radius:50%;background:#fff}
#ctv-catalogo .ctv-emision-chapa{background:var(--ctv-verde)}
#ctv-catalogo .ctv-directo-chapa{background:var(--ctv-rojo)}
#ctv-catalogo .ctv-directo-chapa i{animation:ctv-pulso 1.6s infinite}
@keyframes ctv-pulso{0%,100%{opacity:1}50%{opacity:.25}}

/* franja del canal */
#ctv-catalogo .ctv-emision{margin:34px clamp(20px,5vw,72px) 0;display:grid;grid-template-columns:minmax(0,1fr);
  border:1px solid var(--ctv-linea);border-radius:6px;overflow:hidden;background:var(--ctv-sup)}
@media(min-width:820px){#ctv-catalogo .ctv-emision{grid-template-columns:minmax(0,420px) minmax(0,1fr)}}
#ctv-catalogo .ctv-emision-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ctv-sup2)}
#ctv-catalogo .ctv-emision-img img{width:100%;height:100%;object-fit:cover}
#ctv-catalogo .ctv-emision-txt{padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;
  justify-content:center;gap:10px}
#ctv-catalogo .ctv-emision-txt h3{font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:700}
#ctv-catalogo .ctv-emision-txt p{margin:0;color:var(--ctv-txt2);font-size:.9rem;line-height:1.55;max-width:56ch}
#ctv-catalogo .ctv-emision-txt .ctv-btn{align-self:flex-start;margin-top:6px}

/* chips */
#ctv-catalogo .ctv-canales{display:flex;gap:9px;overflow-x:auto;padding:26px clamp(20px,5vw,72px) 6px;
  scrollbar-width:none}
#ctv-catalogo .ctv-canales::-webkit-scrollbar{display:none}
#ctv-catalogo .ctv-chip{flex:0 0 auto;border:1px solid var(--ctv-linea);background:var(--ctv-sup);
  border-radius:100px;padding:8px 17px;font-size:.82rem;color:var(--ctv-txt2)!important;transition:.18s}
#ctv-catalogo .ctv-chip:hover,#ctv-catalogo .ctv-chip:focus-visible{border-color:var(--ctv-azul-cl);
  color:var(--ctv-txt)!important;outline:none}

/* filas */
#ctv-catalogo .ctv-fila{padding:30px 0 4px;position:relative;scroll-margin-top:90px}
#ctv-catalogo .ctv-fila-cab{padding:0 clamp(20px,5vw,72px);margin-bottom:15px;
  display:flex;align-items:baseline;justify-content:space-between;gap:16px}
#ctv-catalogo .ctv-vertodo{font-size:.78rem;white-space:nowrap;color:var(--ctv-txt2)!important;
  transition:color .18s}
#ctv-catalogo .ctv-vertodo:hover{color:var(--ctv-azul-cl)!important}
#ctv-catalogo .ctv-fila h3{font-size:clamp(1.02rem,2vw,1.3rem);font-weight:700;letter-spacing:-.01em}
#ctv-catalogo .ctv-carril{display:flex;gap:clamp(10px,1.2vw,18px);overflow-x:auto;scroll-behavior:smooth;
  padding:4px clamp(20px,5vw,72px) 22px;scroll-snap-type:x proximity;
  scroll-padding-left:clamp(20px,5vw,72px);scrollbar-width:none;-ms-overflow-style:none}
#ctv-catalogo .ctv-carril::-webkit-scrollbar{display:none}
#ctv-catalogo .ctv-tarjeta{flex:0 0 calc((100% - 0.6*10px)/1.6);scroll-snap-align:start;position:relative}
@media(min-width:600px){#ctv-catalogo .ctv-tarjeta{flex-basis:calc((100% - 2*14px)/2.4)}}
@media(min-width:768px){#ctv-catalogo .ctv-tarjeta{flex-basis:calc((100% - 2*16px)/2.9)}}
@media(min-width:900px){#ctv-catalogo .ctv-tarjeta{flex-basis:calc((100% - 3*16px)/3.4)}}
@media(min-width:1200px){#ctv-catalogo .ctv-tarjeta{flex-basis:calc((100% - 4*18px)/4.3)}}
#ctv-catalogo .ctv-cartel{position:relative;aspect-ratio:16/9;border-radius:var(--ctv-radio);overflow:hidden;
  background:var(--ctv-sup2);transition:transform .26s cubic-bezier(.2,.7,.3,1),box-shadow .26s}
#ctv-catalogo .ctv-cartel img{width:100%;height:100%;object-fit:cover}
#ctv-catalogo .ctv-cartel::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.07);
  border-radius:var(--ctv-radio);pointer-events:none}
#ctv-catalogo .ctv-tarjeta:hover .ctv-cartel,#ctv-catalogo .ctv-tarjeta:focus-within .ctv-cartel{
  transform:translateY(-6px) scale(1.025);box-shadow:0 18px 38px rgba(0,0,0,.55)}
#ctv-catalogo .ctv-play{position:absolute;inset:0;display:grid;place-items:center;opacity:0;
  transition:opacity .22s;background:linear-gradient(to top,rgba(8,9,12,.72),rgba(8,9,12,.12))}
#ctv-catalogo .ctv-tarjeta:hover .ctv-play,#ctv-catalogo .ctv-tarjeta:focus-within .ctv-play,
#ctv-catalogo .ctv-emision-img:hover .ctv-play{opacity:1}
#ctv-catalogo .ctv-play > span{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.94);
  display:grid;place-items:center}
#ctv-catalogo .ctv-play svg{width:17px;height:17px;fill:#0B0C10;margin-left:3px}
#ctv-catalogo .ctv-tarjeta h4{font-size:.83rem;font-weight:500;line-height:1.35;margin:10px 0 0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ctv-catalogo .ctv-cat{display:block;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ctv-txt2)!important;margin-top:9px;font-weight:600}
#ctv-catalogo .ctv-flecha{position:absolute;top:calc(50% - 10px);transform:translateY(-50%);z-index:3;
  width:42px;height:74px;border:0;background:rgba(8,9,12,.72);color:#fff;cursor:pointer;
  display:none;place-items:center;transition:background .18s}
#ctv-catalogo .ctv-flecha:hover{background:rgba(8,9,12,.94)}
#ctv-catalogo .ctv-flecha svg{width:17px;height:17px;fill:currentColor}
#ctv-catalogo .ctv-izq{left:0;border-radius:0 3px 3px 0}
#ctv-catalogo .ctv-der{right:0;border-radius:3px 0 0 3px}
@media(hover:hover) and (min-width:900px){#ctv-catalogo .ctv-fila:hover .ctv-flecha{display:grid}}
#ctv-catalogo .ctv-flecha[disabled]{opacity:0;pointer-events:none}
#ctv-catalogo .ctv-vacio{padding:80px clamp(20px,5vw,72px);color:var(--ctv-txt2);text-align:center}
@media(prefers-reduced-motion:reduce){#ctv-catalogo *{animation:none!important;transition:none!important}}


/* ---------- La puerta: ficha de vídeo sin sesión ---------- */
body.cteve-ficha-cerrada #page-title-pro{display:none!important}
/* la tabla de planes de ARMember no compite con la puerta */
body.cteve-ficha-cerrada .arm_setup_form_container{display:none!important}
/* la cabecera del reproductor del theme: el PHP ya vacía el campo, esto retira
   el hueco y cualquier botón de play que quede suelto. Cinturón y tirantes. */
body.cteve-ficha-cerrada #aztec-progression-video-page-title,
body.cteve-ficha-cerrada #embedded-video-player-single-aztec{display:none!important}

#ctv-puerta{
  --ctv-tinta:#08090C; --ctv-sup2:#1C1F28; --ctv-linea:#282C36;
  --ctv-txt:#F2F4F8; --ctv-txt2:#9AA2B1;
  --ctv-azul:#006CB4; --ctv-azul-cl:#3E9FE0; --ctv-verde:#00B484; --ctv-rojo:#C0303C;
  background:var(--ctv-tinta); color:var(--ctv-txt);
  font-family:"Kayak Sans","Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  margin:0 calc(50% - 50vw); width:100vw; overflow-x:hidden; -webkit-font-smoothing:antialiased;
}
#ctv-puerta *{box-sizing:border-box;min-width:0;max-width:100%}
#ctv-puerta a{text-decoration:none!important}
#ctv-puerta h1{color:var(--ctv-txt)!important;font-family:inherit!important;margin:0 0 16px}

#ctv-puerta .ctv-puerta-hero{position:relative;min-height:clamp(420px,62vh,660px);display:flex;
  align-items:flex-end;background-size:cover;background-position:center 25%;
  padding-top:clamp(96px,15vh,170px);background-color:var(--ctv-sup2)}
#ctv-puerta .ctv-puerta-hero::before{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,9,12,.96) 0%,rgba(8,9,12,.78) 45%,rgba(8,9,12,.15) 80%)}
#ctv-puerta .ctv-puerta-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;
  background:linear-gradient(to top,var(--ctv-tinta) 3%,rgba(8,9,12,0) 100%)}
#ctv-puerta .ctv-puerta-in{position:relative;z-index:2;
  padding:0 clamp(20px,5vw,72px) clamp(34px,5vw,58px);max-width:760px}
#ctv-puerta h1{font-size:clamp(1.7rem,5.4vw,3rem);font-weight:800;line-height:1.06;
  letter-spacing:-.025em;text-wrap:balance}
#ctv-puerta .ctv-puerta-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}
#ctv-puerta .ctv-pill{border:1px solid var(--ctv-linea);border-radius:2px;padding:4px 10px;
  font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ctv-txt2)}
/* Las tres chapas de la puerta, iguales que las del destacado: un solo
   azul. Antes eran tres tratamientos distintos —la categoría en blanco,
   la calidad en gris y la edad en verde— y encima el verde es el color
   de «En emisión»: usarlo aquí le quita significado. */
#ctv-puerta .ctv-pill,
#ctv-puerta .ctv-pill-fuerte,
#ctv-puerta .ctv-pill-edad{background:var(--ctv-azul)!important;
  border-color:var(--ctv-azul)!important;color:#fff!important;font-weight:700}
#ctv-puerta .ctv-puerta-aviso{display:flex;align-items:flex-start;gap:9px;margin:0 0 22px;
  font-size:.92rem;color:#CBD1DC}
#ctv-puerta .ctv-puerta-aviso svg{width:17px;height:17px;fill:currentColor;flex:0 0 auto;margin-top:.18em}
#ctv-puerta .ctv-btns{display:flex;gap:12px;flex-wrap:wrap}
#ctv-puerta .ctv-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 28px;
  border-radius:100px;font-size:.92rem;font-weight:600;transition:transform .18s ease,background .18s ease}
#ctv-puerta .ctv-btn:hover{transform:translateY(-2px)}
/* El botón principal de la puerta, en el mismo azul que el de la cabecera.
   Estaba en verde, y el verde es el color de «En emisión»: reservado. */
#ctv-puerta .ctv-btn-1{background:var(--ctv-azul);color:#fff!important}
#ctv-puerta .ctv-btn-1:hover{background:var(--ctv-azul-cl)}
#ctv-puerta .ctv-btn-2{background:transparent;color:var(--ctv-txt)!important;
  border:1px solid rgba(255,255,255,.4)}
#ctv-puerta .ctv-btn-2:hover{background:rgba(255,255,255,.12)}
#ctv-puerta .ctv-puerta-sinopsis{padding:clamp(26px,4vw,44px) clamp(20px,5vw,72px) clamp(40px,6vw,64px)}
#ctv-puerta .ctv-puerta-sinopsis p{margin:0;max-width:70ch;color:var(--ctv-txt2);
  font-size:clamp(.94rem,1.7vw,1.02rem);line-height:1.7}
@media(prefers-reduced-motion:reduce){#ctv-puerta *{transition:none!important}}


/* ---------- El botón de acceso de la cabecera, en azul ----------
   Venía en rojo (#CE3824, que ni siquiera es nuestro rojo), y el rojo aquí
   es solo del distintivo de Directo: si se usa también para botones, el
   directo deja de cantar.
   Elementor lo pinta con una regla en línea muy concreta
   (.progression-studios-elementor-login-element a.arm_form_popup_link),
   así que hay que acotar por el id de la cabecera para ganarle. */
#progression-studios-header-elementor .progression-studios-elementor-login-element a.arm_form_popup_link,
#progression-studios-sticky-header .progression-studios-elementor-login-element a.arm_form_popup_link{
  background:#006CB4!important;background-color:#006CB4!important;
  border-color:#006CB4!important;color:#fff!important}
#progression-studios-header-elementor .progression-studios-elementor-login-element a.arm_form_popup_link:hover,
#progression-studios-sticky-header .progression-studios-elementor-login-element a.arm_form_popup_link:hover{
  background:#3E9FE0!important;background-color:#3E9FE0!important;
  border-color:#3E9FE0!important;color:#fff!important}


/* ================================================================
   NORMALIZACIÓN DE COLOR DE TODA LA WEB
   El theme y ARMember pintaban sus botones en #CE3824, un rojo que
   ni es el nuestro (#C0303C) ni deja que el distintivo de Directo
   destaque. Aquí pasa todo a azul corporativo. El rojo queda
   reservado para una sola cosa: que algo se está emitiendo.
   ================================================================ */
:root{ --ctv-c-azul:#006CB4; --ctv-c-azul-cl:#3E9FE0; }

/* Botones de acceso y de formulario de ARMember, en toda la web */
a.arm_form_popup_link,
button.arm-df__form-control-submit-btn,
button.arm_setup_submit_btn,
.arm_setup_form_container input[type="submit"],
.arm_form_container input[type="submit"]{
  background:var(--ctv-c-azul)!important;background-color:var(--ctv-c-azul)!important;
  border-color:var(--ctv-c-azul)!important;color:#fff!important}
a.arm_form_popup_link:hover,
button.arm-df__form-control-submit-btn:hover,
button.arm_setup_submit_btn:hover,
.arm_setup_form_container input[type="submit"]:hover,
.arm_form_container input[type="submit"]:hover{
  background:var(--ctv-c-azul-cl)!important;background-color:var(--ctv-c-azul-cl)!important;
  border-color:var(--ctv-c-azul-cl)!important;color:#fff!important}

/* El filete rojo de los títulos de sección del theme */
.video-post-section-heading-aztec h2,
.video-post-section-heading-aztec h3,
#content-pro h2[style*="border"],
.progression-studios-section-heading{border-color:var(--ctv-c-azul)!important}

/* ---------- La ficha de vídeo, como en CaixaForum+ ----------
   Fuera el bloque «Más como esto» (el carrusel del theme se queda
   colapsado y sale todo cortado) y fuera el footer de enlaces:
   en una página de reproducción no pinta nada. */
body.single-video_skrn .video-post-section-heading-aztec,
body.single-video_skrn .progression-studios-carousel-overflow,
body.cteve-ficha-cerrada .video-post-section-heading-aztec,
body.cteve-ficha-cerrada .progression-studios-carousel-overflow{display:none!important}
body.single-video_skrn .width-container-forced-pro:has(> .video-post-section-heading-aztec),
body.cteve-ficha-cerrada .width-container-forced-pro:has(> .video-post-section-heading-aztec){display:none!important}
body.single-video_skrn #progression-studios-footer-page-builder,
body.cteve-ficha-cerrada #progression-studios-footer-page-builder{display:none!important}

/* ---------- «Más como esto», el nuestro ----------
   Va dentro del contenido de la ficha, así que hereda su ancho: se le
   devuelve el aire de una fila del catálogo y se le quita el margen
   izquierdo que el carril usa en la portada. */
#ctv-catalogo.ctv-relacionados{margin:clamp(34px,5vw,56px) 0 clamp(10px,2vw,24px);background:transparent}
#ctv-catalogo.ctv-relacionados .ctv-fila{margin:0}
#ctv-catalogo.ctv-relacionados .ctv-fila-cab h3{font-size:clamp(1.05rem,2.2vw,1.35rem)}
#ctv-catalogo.ctv-relacionados .ctv-flecha{top:52%}

/* ================================================================
   PÁGINAS DE ACCESO (iniciar sesión, registro, recuperar contraseña)
   Todo lo que venía en el rojo del theme pasa al azul corporativo.
   El rojo, aquí tampoco: es del distintivo de Directo.
   ================================================================ */
.arm_forgotpassword_link a,
.arm-df__form-group_forgot_link a,
.arm_reg_login_links a,
.arm_registration_link a,
.arm_login_links_wrapper a{color:var(--ctv-c-azul-cl)!important}
.arm_forgotpassword_link a:hover,
.arm-df__form-group_forgot_link a:hover,
.arm_reg_login_links a:hover,
.arm_registration_link a:hover,
.arm_login_links_wrapper a:hover{color:#7FC4F0!important;text-decoration:underline}

/* ----------------------------------------------------------------
   Botón de Google.
   ARMember trae un PNG antiguo (images/social_icons/google_2.png) con
   el logotipo viejo y a baja resolución: se ve mal en pantallas nítidas.
   Se oculta el PNG y se pinta el botón según la identidad actual de
   Google — fondo blanco, borde gris, la «G» de cuatro colores en SVG
   (vectorial, así que se ve bien a cualquier tamaño) y el texto en
   castellano. Sin imágenes externas: el SVG va incrustado.
   ---------------------------------------------------------------- */
a.arm_social_link_google img.arm_social_login_custom_image{display:none!important}
a.arm_social_link_google{
  display:inline-flex!important;align-items:center;justify-content:center;gap:10px;
  min-width:260px;height:44px;padding:0 18px;box-sizing:border-box;
  background:#fff!important;border:1px solid #747775!important;border-radius:22px!important;
  color:#1F1F1F!important;font-size:14px;font-weight:600;line-height:1;
  letter-spacing:.15px;text-decoration:none!important;
  transition:background .15s ease,box-shadow .15s ease}
a.arm_social_link_google:hover{background:#F7F8F8!important;
  box-shadow:0 1px 3px rgba(60,64,67,.25)}
a.arm_social_link_google::before{content:"";width:18px;height:18px;flex:0 0 18px;
  background-repeat:no-repeat;background-size:18px 18px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24s.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E")}
a.arm_social_link_google::after{content:"Iniciar sesión con Google"}
/* En la página de registro el texto correcto es otro */
body.page-elegirplan a.arm_social_link_google::after,
.arm_signup_form a.arm_social_link_google::after{content:"Registrarse con Google"}

/* ----------------------------------------------------------------
   El rojo de ARMember, en su origen.
   El formulario 102 (acceso / recuperar / cambiar contraseña) trae su
   propio color de acento, #C2313F, y lo reparte por unas cuarenta
   reglas del tipo `.arm_form_102 …` con !important. Perseguirlas con
   `.arm_forgotpassword_link a` no vale: ese selector pierde por
   especificidad. Aquí se le gana igualando el `.arm_form_102` y
   añadiendo `body` delante.

   OJO: los mensajes de validación se quedan en rojo a propósito.
   Un error tiene que verse como un error. Lo que pasa a azul es lo
   que se pulsa y lo que enfoca.
   ---------------------------------------------------------------- */
body .arm_form_102 .arm_registration_link a,
body .arm_form_102 .arm_forgotpassword_link a,
body .arm_form_102 .arm_login_links_wrapper a{color:var(--ctv-c-azul-cl)!important}
body .arm_form_102 .arm_registration_link a:hover,
body .arm_form_102 .arm_forgotpassword_link a:hover,
body .arm_form_102 .arm_login_links_wrapper a:hover{color:#7FC4F0!important}

/* casillas y radios marcados */
body .arm_form_102 input[type="checkbox"].arm-df__form-control--is-checkbox:checked,
body .arm_form_102 input[type="radio"].arm-df__form-control--is-radio:checked{
  background-color:var(--ctv-c-azul)!important;border-color:var(--ctv-c-azul)!important}
body .arm_form_102 .arm-df__checkbox::before,
body .arm_form_102 .arm-df__radio::before{background-color:rgba(0,108,180,.26)!important}

/* borde del campo con el foco puesto */
body .arm_form_102 .arm-df__form-field-wrap input.arm-df__form-control:focus,
body .arm_form_102 .arm-df__form-field-wrap textarea.arm-df__form-control:focus,
body .arm_form_102.arm--material-outline-style .arm-df__form-field-wrap input.arm-df__form-control:focus + .arm-notched-outline .arm-notched-outline__notch{
  border-color:var(--ctv-c-azul)!important}

/* botón de enviar, en todas sus variantes y estados */
body .arm_form_102 .arm-df__form-field-wrap_submit .arm-df__form-control-submit-btn,
body .arm_form_102 .arm-df__form-field-wrap_submit .arm-df__form-control-submit-btn:hover,
body .arm_form_102 .arm-df__form-field-wrap_submit .arm-df__form-control-submit-btn:focus,
body .arm_form_102 .arm_setup_submit_btn_wrapper .arm-df__form-field-wrap_submit .arm-df__form-control-submit-btn{
  background-color:var(--ctv-c-azul)!important;border-color:var(--ctv-c-azul)!important;color:#fff!important}
body .arm_form_102 .arm-df__form-field-wrap_submit .arm-df__form-control-submit-btn:hover{
  background-color:var(--ctv-c-azul-cl)!important;border-color:var(--ctv-c-azul-cl)!important}

/* lo mismo para el formulario de registro (106) */
body .arm_form_106 .arm_registration_link a,
body .arm_form_106 .arm_forgotpassword_link a,
body .arm_form_106 .arm_login_links_wrapper a{color:var(--ctv-c-azul-cl)!important}
body .arm_form_106 .arm-df__form-field-wrap_submit .arm-df__form-control-submit-btn{
  background-color:var(--ctv-c-azul)!important;border-color:var(--ctv-c-azul)!important;color:#fff!important}
body .arm_form_106 input[type="checkbox"].arm-df__form-control--is-checkbox:checked,
body .arm_form_106 input[type="radio"].arm-df__form-control--is-radio:checked{
  background-color:var(--ctv-c-azul)!important;border-color:var(--ctv-c-azul)!important}

/* la selección de texto del sitio también iba en ese rojo */
::selection{background:var(--ctv-c-azul)!important;color:#fff!important}