/* Cabecera, menu desplegable y pie de IT LOGOS (sep-2026).
   Replica la cabecera y el pie de la web PHP de referencia. Las plantillas
   de Elementor (Cabecera IT LOGOS 2026 / Pie IT LOGOS 2026) ponen el
   contenido; aqui solo va el aspecto. Todas las clases llevan prefijo itl-. */

.itl-cab, .itl-cab *, .itl-over, .itl-over *, .itl-pie, .itl-pie * { box-sizing: border-box; }
.itl-cab, .itl-over, .itl-pie { font-family: Archivo, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }

/* ---------- Barra fija ---------- */
.itl-cab { position: fixed; top: 14px; left: 0; right: 0; z-index: 9990; padding: 0 10px; pointer-events: none; }
.admin-bar .itl-cab { top: 46px; }
.itl-cab .itl-bar { pointer-events: auto; position: relative; max-width: 1560px; margin: 0 auto; padding: 14px 18px !important;
  display: flex !important; flex-direction: row !important; align-items: center !important; gap: 14px;
  background: linear-gradient(180deg, rgba(0,4,18,.96), rgba(0,4,18,.92)); backdrop-filter: blur(10px);
  border: 2px solid #CEFC00; box-shadow: 0 0 0 1px rgba(206,252,0,.25), 0 0 28px rgba(206,252,0,.28), 0 18px 40px rgba(0,4,18,.55); }
.itl-cab .itl-bar::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(180deg, rgba(206,252,0,.07) 0 1px, transparent 1px 4px); }
.itl-cab .itl-logo { flex: 0 0 auto; width: auto !important; }
/* Sin hueco de línea bajo la imagen: el logo queda centrado en vertical en la barra. */
.itl-cab .itl-logo, .itl-cab .itl-logo .elementor-widget-container { line-height: 0 !important; align-self: center !important; }
.itl-cab .itl-logo a { display: block; line-height: 0; }
.itl-cab .itl-logo img { height: 40px !important; width: auto !important; max-width: none; filter: drop-shadow(0 0 10px rgba(206,252,0,.55)); display: block; }
.itl-cab .itl-acc-wrap { margin-left: auto !important; width: auto !important; }
.itl-acciones { position: relative; display: flex; align-items: center; gap: 10px; }

.itl-ico { width: 42px; height: 42px; display: grid !important; place-items: center; background: transparent !important; border: 2px solid rgba(206,252,0,.45) !important;
  color: #CEFC00 !important; cursor: pointer; padding: 0 !important; margin: 0; border-radius: 0 !important; text-decoration: none !important;
  transition: background .15s, color .15s, border-color .15s; position: relative; line-height: 1; }
.itl-ico:hover, .itl-ico:focus-visible { background: #CEFC00 !important; color: #000412 !important; border-color: #CEFC00 !important; }
.itl-ico svg { display: block; }
.itl-badge { position: absolute; top: -8px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; display: none; place-items: center;
  background: #FF4800; color: #fff; font-size: 11px; font-weight: 800; }
.itl-con-carrito .itl-badge { display: grid; }

@keyframes itlPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(206,252,0,0); border-color: rgba(206,252,0,.45); } 45% { box-shadow: 0 0 0 7px rgba(206,252,0,0); border-color: #CEFC00; } }
@keyframes itlRing { 0% { box-shadow: 0 0 0 0 rgba(206,252,0,.5); } 70% { box-shadow: 0 0 0 12px rgba(206,252,0,0); } 100% { box-shadow: 0 0 0 0 rgba(206,252,0,0); } }
@keyframes itlBar1 { 0%,72%,100% { transform: translateX(0); } 78% { transform: translateX(3px); } 86% { transform: translateX(-1px); } }
@keyframes itlBar2 { 0%,74%,100% { transform: translateX(0); } 80% { transform: translateX(-3px); } 88% { transform: translateX(1px); } }
@keyframes itlBar3 { 0%,76%,100% { transform: translateX(0); } 82% { transform: translateX(3px); } 90% { transform: translateX(-1px); } }
.itl-burger { animation: itlPulse 3.2s ease-in-out infinite; }
.itl-burger::before { content: ""; position: absolute; inset: -2px; pointer-events: none; animation: itlRing 3.2s ease-out infinite; }
.itl-burger .itl-b1 { animation: itlBar1 3.2s ease-in-out infinite; }
.itl-burger .itl-b2 { animation: itlBar2 3.2s ease-in-out infinite; }
.itl-burger .itl-b3 { animation: itlBar3 3.2s ease-in-out infinite; }
.itl-burger:hover, .itl-burger:hover::before, .itl-burger:hover path { animation: none; }

/* Hueco bajo la barra fija para que no tape el contenido */
.itl-cab-hueco { height: 104px; background: #000412; }

/* ---------- Menu a pantalla completa ---------- */
@keyframes itlCrt { 0% { opacity: .2; transform: scaleY(.004) scaleX(1.2); filter: brightness(3); } 45% { opacity: 1; transform: scaleY(.03) scaleX(1); filter: brightness(2); } 100% { opacity: 1; transform: none; filter: none; } }
@keyframes itlCrtOut { 0% { opacity: 1; transform: scaleY(1); filter: brightness(1); } 55% { opacity: 1; transform: scaleY(.03) scaleX(1); filter: brightness(2.4); } 100% { opacity: 0; transform: scaleY(.004) scaleX(1.25); filter: brightness(3.4); } }
@keyframes itlSlideIn { from { opacity: 0; transform: translateX(-42px) skewX(-8deg); } to { opacity: 1; transform: none; } }
.itl-over { position: fixed; inset: 0; height: 100vh; height: 100svh; z-index: 99990; background: #000412; color: #F4F4F1; display: none; flex-direction: column;
  padding: 16px clamp(16px,5vw,72px) 20px; overflow-y: auto; overscroll-behavior: contain; }
.itl-over.on { display: flex; animation: itlCrt .38s cubic-bezier(.2,.9,.2,1); }
.itl-over.itl-cerrando { animation: itlCrtOut .3s cubic-bezier(.6,.05,.9,.3) forwards; }
.itl-over::before { content: ""; position: fixed; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(206,252,0,.10) 2px, transparent 2px), linear-gradient(90deg, rgba(206,252,0,.10) 2px, transparent 2px);
  background-size: 64px 64px; transform: perspective(420px) rotateX(64deg); transform-origin: bottom center; }
.itl-over::after { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(120% 80% at 50% 100%, rgba(255,72,0,.26), transparent 62%); }
.itl-over a { text-decoration: none !important; }
.itl-over-cab { position: relative; z-index: 1; display: flex; align-items: center; gap: 16px; padding-bottom: 18px; border-bottom: 2px solid rgba(206,252,0,.35); }
.itl-over-cab img { height: 40px; width: auto; filter: drop-shadow(0 0 10px rgba(206,252,0,.55)); }
.itl-mtitulo { margin-left: auto; font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: #CEFC00; }
.itl-over .itl-ico { width: 46px; height: 46px; }
.itl-over .itl-ico:hover { background: transparent !important; border-color: #FF4800 !important; color: #FF4800 !important; }
.itl-mlista { position: relative; z-index: 1; display: flex; flex-direction: column; margin-top: clamp(16px,4vh,44px); }
.itl-mitem { position: relative; display: flex; align-items: baseline; gap: clamp(10px,2.5vw,32px); padding: clamp(6px,1.2vh,18px) 0;
  border-bottom: 2px solid rgba(206,252,0,.18); color: #F4F4F1 !important; }
.itl-over.on .itl-mitem { opacity: 0; animation: itlSlideIn .4s cubic-bezier(.2,.9,.2,1) forwards; }
.itl-over.on .itl-mitem:nth-child(1) { animation-delay: .20s; }
.itl-over.on .itl-mitem:nth-child(2) { animation-delay: .26s; }
.itl-over.on .itl-mitem:nth-child(3) { animation-delay: .32s; }
.itl-over.on .itl-mitem:nth-child(4) { animation-delay: .38s; }
.itl-over.on .itl-mitem:nth-child(5) { animation-delay: .44s; }
.itl-over.on .itl-mitem:nth-child(6) { animation-delay: .50s; }
.itl-over.on .itl-mitem:nth-child(7) { animation-delay: .56s; }
.itl-over.on .itl-mitem:nth-child(8) { animation-delay: .62s; }
.itl-mitem:hover { background: linear-gradient(90deg, rgba(206,252,0,.10), transparent); }
.itl-mitem:hover .itl-mtext, .itl-mitem.actual .itl-mtext { color: #CEFC00; }
.itl-mitem:hover .itl-mtext { text-shadow: 3px 0 0 #FF4800, -3px 0 0 rgba(0,229,255,.7); }
.itl-mtext { font-size: clamp(19px, min(6.6vh,5vw), 68px); font-weight: 800; letter-spacing: -.03em; line-height: 1; text-transform: uppercase; transition: color .15s; }
.itl-mnum { font-size: 11px; font-weight: 600; letter-spacing: .18em; color: #FF4800; flex: 0 0 auto; }
.itl-msub { margin-left: auto; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(244,244,241,.5); text-align: right; }
.itl-mbotones { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 12px; margin-top: clamp(20px,4vh,38px); padding-top: clamp(18px,3vh,28px); border-top: 2px solid rgba(206,252,0,.25); }
.itl-btn-linea { display: inline-block; background: transparent; color: #F4F4F1 !important; border: 2px solid currentColor; padding: 14px 22px; font-size: 12px; font-weight: 800;
  letter-spacing: .1em; text-transform: uppercase; text-align: center; transition: background .15s, border-color .15s, color .15s; }
.itl-btn-linea.lima { color: #CEFC00 !important; border-color: rgba(206,252,0,.45); }
.itl-btn-linea:hover { background: #FF4800; border-color: #FF4800; color: #fff !important; }
.itl-mpie { position: relative; z-index: 1; margin-top: auto; padding-top: clamp(24px,5vh,54px); display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between; }
.itl-mcontacto { font-size: clamp(17px,2.2vw,24px); font-weight: 800; color: #CEFC00 !important; }
.itl-mmail { font-size: 14px; font-weight: 600; color: rgba(244,244,241,.7) !important; }
.itl-redes { display: flex; gap: 12px; }
body.itl-menu-abierto { overflow: hidden; }
@media (max-width: 760px) {
  .itl-msub, .itl-mtitulo { display: none; }
  .itl-mtext { font-size: clamp(24px, min(6.2vh,11vw), 50px); }
  .itl-mitem { padding: clamp(8px,1.7vh,20px) 0; }
  .itl-over { padding-left: 16px; padding-right: 16px; }
  #itl-cerrar { margin-left: auto; }
}
@media (max-height: 640px) {
  .itl-mitem { padding: 5px 0; }
  .itl-mtext { font-size: clamp(16px,4.4vw,24px); }
}
@media (max-width: 560px) {
  .itl-cab .itl-bar { padding: 11px 12px !important; gap: 10px; }
  .itl-cab .itl-logo img { height: 32px !important; }
  .itl-acciones { gap: 7px; }
  .itl-cab .itl-ico { width: 38px; height: 38px; }
  .itl-cab-hueco { height: 88px; }
}

/* ---------- Pie ---------- */
.itl-pie { position: relative; overflow: hidden; background: #000412 !important; color: #F4F4F1; border-top: 2px solid #CEFC00; box-shadow: inset 0 0 40px rgba(206,252,0,.10); }
.itl-pie::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(180deg, rgba(206,252,0,.05) 0 1px, transparent 1px 4px); }
.itl-pie > .e-con-inner, .itl-pie > * { position: relative; }
.itl-pie-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 32px !important; max-width: 1440px; margin: 0 auto; padding: 48px 24px 28px !important; }
.itl-pie-grid > .e-con { padding: 0 !important; width: auto !important; }
.itl-pie-logo img { height: 44px !important; width: auto !important; filter: drop-shadow(0 0 10px rgba(206,252,0,.4)); }
.itl-pie-texto, .itl-pie-texto p { font-size: 14px; line-height: 1.5; color: rgba(244,244,241,.62) !important; margin: 0 !important; max-width: 30ch; }
.itl-pie-tit .elementor-heading-title { font-family: Archivo, system-ui, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .14em !important;
  text-transform: uppercase !important; color: #CEFC00 !important; margin: 0 0 12px !important; line-height: 1.3 !important; }
.itl-pie-links .elementor-icon-list-items { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; }
.itl-pie-links .elementor-icon-list-item { padding: 0 !important; margin: 0 !important; }
.itl-pie-links .elementor-icon-list-item::after { display: none !important; }
.itl-pie-links .elementor-icon-list-text, .itl-pie-links a { font-family: Archivo, system-ui, sans-serif !important; font-size: 14px !important; line-height: 1.4; color: rgba(244,244,241,.75) !important; padding: 0 !important; transition: color .15s; }
.itl-pie-links a:hover .elementor-icon-list-text { color: #FF4800 !important; }
.itl-pie-links .elementor-icon-list-icon { display: none !important; }
.itl-pie .itl-redes { margin: 16px 0; }
.itl-pie-horario, .itl-pie-horario p { font-size: 14px; line-height: 1.5; color: rgba(244,244,241,.62) !important; margin: 0 !important; }
.itl-pie-legal { border-top: 2px solid rgba(206,252,0,.35); }
.itl-pie-legal .elementor-widget-container, .itl-pie-legal p { max-width: 1440px; margin: 0 auto !important; }
.itl-pie-legal p { padding: 16px 24px; display: flex; gap: 8px 20px; flex-wrap: wrap; align-items: center; font-size: 12px; color: rgba(244,244,241,.5) !important; }
.itl-pie-legal a { color: rgba(244,244,241,.5) !important; text-decoration: none !important; }
.itl-pie-legal a:hover { color: #FF4800 !important; }
.itl-pie-legal .itl-firma { margin-left: auto; }
.itl-pie-legal .itl-firma a { color: #CEFC00 !important; font-weight: 800; }
@media (max-width: 900px) { .itl-pie-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 26px 20px !important; } }
@media (max-width: 720px) { .itl-pie-grid > .e-con:first-child, .itl-pie-grid > .e-con:last-child { grid-column: 1 / -1; } .itl-pie-legal .itl-firma { margin-left: 0; } }
@media (max-width: 400px) { .itl-pie-grid { grid-template-columns: minmax(0,1fr) !important; } }

@media (prefers-reduced-motion: reduce) {
  .itl-burger, .itl-burger::before, .itl-burger path, .itl-over.on, .itl-over.on .itl-mitem { animation: none !important; opacity: 1 !important; }
}

/* El tema pinta todos los <button> con degradado y rellena los SVG: aqui no. */
.itl-cab .itl-ico, .itl-over .itl-ico { background-image: none !important; box-shadow: none; }
.itl-cab .itl-ico:hover, .itl-cab .itl-ico:focus-visible { background-image: none !important; }
.itl-ico svg[fill="none"], .itl-ico svg[fill="none"] * { fill: none !important; }
.itl-ico svg[fill="currentColor"], .itl-ico svg[fill="currentColor"] * { fill: currentColor !important; }
.itl-ico svg[stroke] * { stroke: currentColor; }
.itl-cab .itl-burger::before, .itl-cab .itl-burger::after, .itl-over .itl-ico::before, .itl-over .itl-ico::after { background: none !important; background-image: none !important; opacity: 1; }
.itl-cab .itl-burger::after, .itl-over .itl-ico::after { content: none !important; }

/* ---------- Banner de cookies (Complianz) con la marca ---------- */
.cmplz-cookiebanner { border-radius: 0 !important; border: 2px solid #CEFC00 !important; background: #000412 !important; color: #F4F4F1 !important;
  box-shadow: 0 0 28px rgba(206,252,0,.25) !important; font-family: Archivo, system-ui, sans-serif !important; }
.cmplz-cookiebanner .cmplz-title, .cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-message p { color: #F4F4F1 !important; }
.cmplz-cookiebanner .cmplz-close { color: #CEFC00 !important; }
.cmplz-cookiebanner .cmplz-btn { border-radius: 0 !important; background-image: none !important; box-shadow: none !important; font-weight: 800 !important;
  letter-spacing: .08em; text-transform: uppercase; font-size: 12px !important; border: 2px solid rgba(244,244,241,.35) !important; background: transparent !important; color: #F4F4F1 !important; }
.cmplz-cookiebanner .cmplz-btn.cmplz-accept { background: #CEFC00 !important; color: #000412 !important; border-color: #CEFC00 !important; }
.cmplz-cookiebanner .cmplz-btn:hover { background: #FF4800 !important; border-color: #FF4800 !important; color: #fff !important; }
.cmplz-cookiebanner .cmplz-links a, .cmplz-cookiebanner .cmplz-link { color: #CEFC00 !important; }
.cmplz-cookiebanner .cmplz-category, .cmplz-cookiebanner details { border-radius: 0 !important; background: rgba(244,244,241,.06) !important; }
#cmplz-manage-consent .cmplz-manage-consent { border-radius: 0 !important; background: #000412 !important; background-image: none !important; color: #CEFC00 !important;
  border: 2px solid #CEFC00 !important; box-shadow: none !important; font-family: Archivo, system-ui, sans-serif !important; font-weight: 800; font-size: 12px; }
.cmplz-cookiebanner .cmplz-btn::before, .cmplz-cookiebanner .cmplz-btn::after,
#cmplz-manage-consent .cmplz-manage-consent::before, #cmplz-manage-consent .cmplz-manage-consent::after { content: none !important; display: none !important; background: none !important; }

/* Cabecera siempre visible: al hacer scroll en el movil el tema pone un
   transform al <header>, y un position:fixed dentro de un contenedor con
   transform deja de ir pegado a la pantalla. */
header.cmsmasters-location-cmsmasters_header,
header.cmsmasters-location-cmsmasters_header .elementor-inner,
header.cmsmasters-location-cmsmasters_header .elementor-section-wrap {
  transform: none !important; filter: none !important; perspective: none !important;
  will-change: auto !important; contain: none !important; }

/* ---------- Asistente IT LOGOS (chatbot), igual que la web de referencia ---------- */
@keyframes itlChatIn{0%{opacity:.2;transform:scaleY(.02) translateY(30px);filter:brightness(2.6)}55%{opacity:1;transform:scaleY(1) translateY(0);filter:brightness(1.6)}100%{opacity:1;transform:none;filter:none}}
@keyframes itlMsgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes itlDot{0%,80%,100%{opacity:.25}40%{opacity:1}}
.itl-chatpanel{position:fixed;right:clamp(14px,3vw,26px);bottom:clamp(84px,12vh,104px);z-index:90;width:min(380px,calc(100vw - 28px));max-height:min(620px,calc(100svh - 150px));display:flex;flex-direction:column;background:#000412;border:2px solid #CEFC00;box-shadow:0 0 34px rgba(206,252,0,.25),0 22px 50px rgba(0,4,18,.65);color:#F4F4F1;overflow:hidden;animation:itlChatIn .34s cubic-bezier(.2,.9,.2,1);transform-origin:bottom right}
.itl-chatpanel[hidden]{display:none!important}
.itl-chat-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(206,252,0,.06) 0 1px,transparent 1px 4px)}
.itl-chat-tit{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:2px solid rgba(206,252,0,.35);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#CEFC00}
.itl-chat-led{width:10px;height:10px;background:#CEFC00;box-shadow:0 0 10px #CEFC00}
.itl-chatclose{margin-left:auto;width:34px;height:34px;display:grid;place-items:center;background:transparent;border:2px solid rgba(206,252,0,.45);color:#CEFC00;cursor:pointer;transition:border-color .15s,color .15s}
.itl-chatclose:hover{border-color:#FF4800;color:#FF4800}
.itl-chat-msgs{position:relative;flex:1 1 auto;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
/* Barra de scroll con la estética de la marca: cuadrada, lima sobre el fondo oscuro. */
.itl-chat-msgs{scrollbar-width:thin;scrollbar-color:#CEFC00 rgba(206,252,0,.10)}
.itl-chat-msgs::-webkit-scrollbar{width:10px}
.itl-chat-msgs::-webkit-scrollbar-track{background:rgba(206,252,0,.08);border-left:2px solid rgba(206,252,0,.22)}
.itl-chat-msgs::-webkit-scrollbar-thumb{background:#CEFC00;border:2px solid #000412;border-radius:0}
.itl-chat-msgs::-webkit-scrollbar-thumb:hover{background:#FF4800}
.itl-chat-msgs::-webkit-scrollbar-corner{background:transparent}
.itl-msg{max-width:88%;padding:12px 14px;border:2px solid;font-size:14px;line-height:1.5;white-space:pre-wrap;animation:itlMsgIn .28s ease-out}
.itl-msg-me{align-self:flex-end;background:#CEFC00;color:#000412;border-color:#CEFC00}
.itl-msg-bot{align-self:flex-start;background:rgba(244,244,241,.06);color:#F4F4F1;border-color:rgba(206,252,0,.35)}
.itl-chat-pensando{align-self:flex-start;display:flex;gap:6px;padding:12px 14px;border:2px solid rgba(206,252,0,.35)}
.itl-chat-pensando span{width:7px;height:7px;background:#CEFC00;animation:itlDot 1.1s infinite}
.itl-chat-pensando span:nth-child(2){animation-delay:.18s}
.itl-chat-pensando span:nth-child(3){animation-delay:.36s}
.itl-chat-chips{position:relative;padding:0 16px 10px;display:flex;flex-direction:column;align-items:stretch;gap:8px}
.itl-chip{width:100%;text-align:left;background:transparent;border:2px solid rgba(206,252,0,.4);color:#CEFC00;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.itl-chip:hover{background:#CEFC00;color:#000412;border-color:#CEFC00}
.itl-chat-form{position:relative;display:flex;gap:8px;padding:12px 16px 16px;border-top:2px solid rgba(206,252,0,.25)}
.itl-chat-form input{flex:1 1 auto;min-width:0;padding:12px;background:rgba(244,244,241,.06);border:2px solid rgba(244,244,241,.25);color:#F4F4F1;font-family:inherit;font-size:14px}
.itl-chat-form input:focus{outline:none;border-color:#CEFC00}
.itl-send{flex:0 0 auto;width:46px;background:#CEFC00;color:#000412;border:0;display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s}
.itl-send:hover{background:#FF4800;color:#fff}
.itl-chat-wa{position:relative;display:block;padding:12px 16px;border-top:2px solid rgba(206,252,0,.25);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#CEFC00}
.itl-chat-wa:hover{color:#FF4800}
/* Con el menú desplegado, el botón del chat estorba: se esconde. */
body.itl-menu-abierto .itl-fab{display:none}
.itl-fab{position:fixed;right:clamp(14px,3vw,26px);bottom:clamp(16px,3vh,28px);z-index:91;width:62px;height:62px;display:grid;place-items:center;background:#CEFC00;color:#000412;border:2px solid #000412;box-shadow:0 0 26px rgba(206,252,0,.5);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.itl-fab:hover{background:#FF4800;color:#fff;box-shadow:0 0 34px rgba(255,72,0,.55)}
@media (max-width:600px){
  .itl-chatpanel{inset:0;right:0;bottom:0;left:0;top:0;width:100vw;max-width:none;max-height:none;height:100vh;height:100svh;border-width:0;z-index:96}
  .itl-chat-msgs{padding:16px 16px 8px}
  .itl-chatclose{width:42px;height:42px}
  .itl-fab{width:54px;height:54px}
  /* Con el panel a pantalla completa el botón flotante estorba. */
  body.itl-chat-abierto .itl-fab{display:none}
  body.itl-chat-abierto{overflow:hidden}
}
/* Ajustes para este WordPress */
.itl-chatpanel, .itl-fab, .itl-chatpanel * { font-family: Archivo, system-ui, sans-serif; box-sizing: border-box; }
.itl-chatpanel { z-index: 99980; }
.itl-fab { z-index: 99970; border-radius: 0 !important; padding: 0 !important; }
.itl-fab, .itl-chatclose, .itl-chip, .itl-send { background-image: none !important; border-radius: 0 !important; text-transform: none; letter-spacing: normal; line-height: 1.3; min-height: 0; }
.itl-fab::before, .itl-fab::after, .itl-chatclose::before, .itl-chatclose::after, .itl-chip::before, .itl-chip::after, .itl-send::before, .itl-send::after { content: none !important; display: none !important; }
.itl-chat-form input { border-radius: 0 !important; height: auto !important; box-shadow: none !important; margin: 0 !important; }
.itl-chat-form input::placeholder { color: rgba(244,244,241,.5); }
.itl-fab svg[fill="currentColor"], .itl-fab svg[fill="currentColor"] * { fill: currentColor !important; }
.itl-send svg, .itl-send svg *, .itl-chatclose svg, .itl-chatclose svg * { fill: none !important; stroke: currentColor; }
.itl-chat-wa, .itl-chat-wa:visited { text-decoration: none !important; }
body.itl-menu-abierto .itl-fab { display: none; }
@media (max-width: 600px) { .itl-chatpanel { z-index: 99995; } }
/* La pestaña de cookies a la izquierda para no chocar con el chat */
#cmplz-manage-consent .cmplz-manage-consent { right: auto !important; left: 20px !important; }
@media (min-width: 601px) { .itl-chatpanel { max-height: min(620px, calc(100svh - 210px)); } }
.itl-chatclose { width: 34px !important; height: 34px !important; min-width: 0 !important; padding: 0 !important; flex: 0 0 34px; }
.itl-send { min-width: 0 !important; padding: 0 !important; }
@media (max-width: 600px) { .itl-chatclose { width: 42px !important; height: 42px !important; flex-basis: 42px; } }

/* Aviso de Complianz sobre contenido bloqueado (mapa, vídeos) con la marca */
.cmplz-blocked-content-notice, .cmplz-blocked-content-notice.cmplz-accept-marketing, button.cmplz-accept-service {
  border-radius: 0 !important; background: #000412 !important; background-image: none !important; color: #CEFC00 !important;
  border: 2px solid #CEFC00 !important; font-family: Archivo, system-ui, sans-serif !important; font-weight: 800 !important; font-size: 13px !important; box-shadow: none !important; }
.cmplz-blocked-content-notice::before, .cmplz-blocked-content-notice::after, button.cmplz-accept-service::before, button.cmplz-accept-service::after { content: none !important; display: none !important; }
.cmplz-blocked-content-notice:hover { background: #FF4800 !important; border-color: #FF4800 !important; color: #fff !important; }