/* 1) ICONOS SUPERIORES */ .sr-sociales{ --sr-size:40px; display:flex!important;align-items:center!important;justify-content:center!important; flex-wrap:nowrap!important;gap:16px!important;width:100%!important;max-width:100%!important; margin:0!important;padding:4px 4px!important;box-sizing:border-box!important; overflow:visible!important;perspective:900px } .sr-sociales .sr-social{ position:relative!important;display:inline-flex!important;align-items:center!important; justify-content:center!important;flex:0 0 var(--sr-size)!important; width:var(--sr-size)!important;height:var(--sr-size)!important; min-width:var(--sr-size)!important;min-height:var(--sr-size)!important; max-width:var(--sr-size)!important;max-height:var(--sr-size)!important; margin:0!important;padding:0!important;border:0!important;border-radius:50%!important; overflow:hidden!important;box-sizing:border-box!important;text-decoration:none!important; line-height:0!important;cursor:pointer;transform-style:preserve-3d;will-change:transform; transform:perspective(700px) rotateX(0) rotateY(0) translateY(0) scale(1); box-shadow:0 7px 10px rgba(0,0,0,.25),0 15px 22px rgba(0,0,0,.14); transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s ease,box-shadow .32s ease } .sr-sociales .sr-social img{ position:relative!important;z-index:2!important;display:block!important; width:var(--sr-size)!important;height:var(--sr-size)!important; min-width:var(--sr-size)!important;min-height:var(--sr-size)!important; max-width:var(--sr-size)!important;max-height:var(--sr-size)!important; margin:0!important;padding:0!important;border:0!important;border-radius:50%!important; object-fit:contain!important;box-sizing:border-box!important; transform:translateZ(18px) scale(1);filter:drop-shadow(0 3px 3px rgba(0,0,0,.22)); transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s ease } .sr-sociales .sr-social::before{ content:"";position:absolute;inset:3px;z-index:3;border-radius:50%;pointer-events:none; background:radial-gradient(circle at 38% 14%,rgba(255,255,255,.52),rgba(255,255,255,.14) 26%,transparent 48%); box-shadow:inset 0 2px 2px rgba(255,255,255,.48),inset 0 -5px 8px rgba(0,0,0,.14) } .sr-sociales .sr-social::after{ content:"";position:absolute;top:-35%;left:-120%;z-index:4;width:42%;height:180%; opacity:0;pointer-events:none;transform:rotate(24deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),rgba(255,255,255,.92),rgba(255,255,255,.16),transparent); transition:left .65s ease,opacity .18s ease } .sr-sociales .sr-social:hover{ transform:perspective(700px) rotateX(-8deg) rotateY(7deg) translateY(-9px) scale(1.12); filter:brightness(1.14) saturate(1.18) } .sr-sociales .sr-social:hover img{ transform:translateZ(30px) scale(1.04); filter:drop-shadow(0 5px 4px rgba(0,0,0,.30)) drop-shadow(0 0 5px rgba(255,255,255,.25)) } .sr-sociales .sr-social:hover::after{left:145%;opacity:1} .sr-sociales .facebook:hover{box-shadow:0 16px 27px rgba(24,119,242,.48),0 0 28px rgba(24,119,242,.38)} .sr-sociales .instagram:hover{box-shadow:0 16px 27px rgba(225,48,108,.45),0 0 28px rgba(247,119,55,.38)} .sr-sociales .twitter:hover{box-shadow:0 16px 27px rgba(0,0,0,.52),0 0 24px rgba(90,90,90,.38)} .sr-sociales .youtube:hover{box-shadow:0 16px 27px rgba(255,0,0,.46),0 0 28px rgba(255,0,0,.36)} .sr-sociales .sr-social:active{ transform:perspective(700px) rotateX(5deg) translateY(3px) scale(.86); filter:brightness(.88) saturate(.96); box-shadow:0 2px 4px rgba(0,0,0,.22),inset 0 7px 12px rgba(0,0,0,.28); transition-duration:.08s } .sr-sociales .sr-social:focus-visible{outline:3px solid #e30620!important;outline-offset:5px!important} .sr-sociales .youtube-pendiente{cursor:default} /* 2) LOGO */ a.uk-logo{ position:relative!important;display:inline-block!important;overflow:hidden!important; border-radius:4px;perspective:1000px;transform-style:preserve-3d; text-decoration:none!important;cursor:pointer; transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s ease } a.uk-logo img:nth-of-type(n+2), a.uk-logo .uk-logo-inverse, a.uk-logo img.uk-logo-inverse, a.uk-logo picture+picture, a.uk-logo img[hidden], a.uk-logo img[style*="display: none"]{display:none!important} a.uk-logo img:first-of-type{ position:relative;z-index:2;display:block!important;visibility:visible!important;opacity:1!important; transform-origin:center;transform-style:preserve-3d;backface-visibility:hidden; transform:perspective(900px) rotateX(0) rotateY(0) translateZ(0) scale(1); filter:brightness(1) saturate(1) contrast(1) drop-shadow(0 5px 7px rgba(0,0,0,.16)); transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s ease } a.uk-logo::before{ content:"";position:absolute;top:2px;left:3%;right:3%;height:48%;z-index:3; border-radius:4px 4px 45% 45%;pointer-events:none;opacity:.36; background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.14) 48%,transparent); transform:translateZ(25px);transition:opacity .4s ease,transform .4s ease } a.uk-logo::after{ content:"";position:absolute;top:-45%;left:-55%;z-index:5;width:18%;height:195%; pointer-events:none;opacity:0;transform:translateZ(45px) rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(255,255,255,.96),rgba(255,255,255,.18),transparent); transition:left .78s cubic-bezier(.2,.7,.2,1),opacity .18s ease } a.uk-logo:hover{transform:perspective(1000px) translateY(-6px) scale(1.055);filter:drop-shadow(0 15px 15px rgba(0,0,0,.18))} a.uk-logo:hover img:first-of-type{ transform:perspective(900px) rotateX(-7deg) rotateY(7deg) translateZ(28px) translateY(-2px) scale(1.025); filter:brightness(1.10) saturate(1.12) contrast(1.045) drop-shadow(0 15px 13px rgba(0,0,0,.25)) drop-shadow(0 0 12px rgba(255,70,15,.23)) } a.uk-logo:hover::before{opacity:.68;transform:translateZ(40px) translateY(-2px)} a.uk-logo:hover::after{left:135%;opacity:1} a.uk-logo:active{transform:perspective(1000px) translateY(3px) scale(.94);transition-duration:.08s} a.uk-logo:focus-visible{outline:3px solid rgba(220,10,30,.72);outline-offset:7px} /* ========================================================== 3) SOMOS REGIÓN — CAJAS FACEBOOK + INSTAGRAM VERSIÓN LIMPIA / CONSOLIDADA IMPORTANTE: - No usa transform/scale/translate sobre los embeds. - Evita el parpadeo de Instagram. - Evita que Facebook se desborde en móvil. - Mantiene ambas cajas con el mismo ancho visual. - Reemplaza TODOS los parches anteriores de Facebook/Instagram. ========================================================== */ /* ---------------------------------------------------------- BASE COMÚN ---------------------------------------------------------- */ .sr-red-caja, .sr-fb-v4 { position: relative !important; width: 100% !important; max-width: 500px !important; min-width: 0 !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(255,255,255,.82) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 22px 50px rgba(0,0,0,.24), 0 5px 16px rgba(0,0,0,.12) !important; box-sizing: border-box !important; transform: none !important; transition: box-shadow .28s ease, border-color .28s ease !important; will-change: auto !important; } .sr-red-caja:hover, .sr-fb-v4:hover { transform: none !important; box-shadow: 0 28px 60px rgba(0,0,0,.28), 0 8px 22px rgba(0,0,0,.15) !important; } .sr-red-caja--facebook:hover, .sr-fb-v4:hover { border-color: rgba(24,119,242,.5) !important; } .sr-red-caja--instagram:hover { border-color: rgba(225,48,108,.42) !important; } /* ---------------------------------------------------------- CABECERAS COMUNES ---------------------------------------------------------- */ .sr-red-cabecera, .sr-fb-v4-header { position: relative !important; z-index: 2 !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 68px !important; padding: 10px 17px !important; overflow: hidden !important; color: #fff !important; box-sizing: border-box !important; } .sr-red-cabecera--facebook, .sr-fb-v4-header { border-bottom: 4px solid rgba(99,196,255,.92) !important; background: radial-gradient(circle at 13% 0%, rgba(255,255,255,.30), transparent 34%), linear-gradient(135deg,#55a9ff 0%,#2788f6 28%,#1877f2 56%,#0758c8 100%) !important; } .sr-red-cabecera--instagram { border-bottom: 4px solid rgba(255,190,92,.72) !important; background: linear-gradient(115deg,#6f42c1 0%,#a832a6 24%,#e1306c 52%,#f56040 75%,#fcb045 100%) !important; } /* Decoración estática: sin animaciones sobre los iframes */ .sr-red-cabecera::before, .sr-fb-v4-header::before { content: ""; position: absolute; top: -70px; right: -32px; width: 190px; height: 190px; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; box-shadow: 0 0 0 24px rgba(255,255,255,.04), 0 0 0 52px rgba(255,255,255,.022); pointer-events: none; } .sr-red-cabecera::after, .sr-fb-v4-header::after { display: none !important; content: none !important; animation: none !important; transition: none !important; } /* ---------------------------------------------------------- ICONOS Y TEXTOS DE CABECERA ---------------------------------------------------------- */ .sr-red-cabecera > img, .sr-facebook-icono img, .sr-fb-v4-icon img { position: relative !important; z-index: 3 !important; display: block !important; width: 42px !important; height: 42px !important; min-width: 42px !important; max-width: 42px !important; margin: 0 12px 0 0 !important; padding: 0 !important; object-fit: contain !important; filter: drop-shadow(0 4px 7px rgba(0,0,0,.24)) !important; } .sr-facebook-icono, .sr-fb-v4-icon { position: relative !important; z-index: 3 !important; display: flex !important; flex: 0 0 48px !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; margin-right: 13px !important; border: 1px solid rgba(255,255,255,.56) !important; border-radius: 50% !important; background: linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.08)) !important; box-shadow: 0 7px 16px rgba(0,35,95,.25), inset 0 1px 1px rgba(255,255,255,.62) !important; box-sizing: border-box !important; } .sr-facebook-icono img, .sr-fb-v4-icon img { width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; margin: 0 !important; } .sr-red-cabecera-texto, .sr-fb-v4-header-text { position: relative !important; z-index: 3 !important; display: flex !important; min-width: 0 !important; flex-direction: column !important; justify-content: center !important; } .sr-red-cabecera-texto strong, .sr-fb-v4-header-text strong { display: block !important; margin: 0 !important; color: #fff !important; font-family: Arial,Helvetica,sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.15 !important; text-shadow: 0 2px 4px rgba(0,0,0,.22) !important; } .sr-red-cabecera-texto span, .sr-fb-v4-header-text span { display: block !important; margin-top: 3px !important; color: rgba(255,255,255,.94) !important; font-family: Arial,Helvetica,sans-serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.2 !important; } /* ---------------------------------------------------------- CONTENIDO COMÚN ---------------------------------------------------------- */ .sr-red-contenido, .sr-fb-v4-content { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 548px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; box-sizing: border-box !important; transform: none !important; animation: none !important; transition: none !important; will-change: auto !important; } /* ---------------------------------------------------------- FACEBOOK — ESTRUCTURAS SOPORTADAS ---------------------------------------------------------- */ .sr-facebook-plugin, .sr-fb-native, .sr-facebook-frame, .sr-fb-v4-content { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; box-sizing: border-box !important; transform: none !important; } /* Escritorio: se usa una sola versión */ .sr-fb-native-desktop, .sr-facebook-frame--desktop, .sr-fb-v4-desktop { display: flex !important; width: 100% !important; height: 548px !important; align-items: flex-start !important; justify-content: center !important; overflow: hidden !important; background: #fff !important; } .sr-fb-native-mobile, .sr-facebook-frame--mobile, .sr-fb-v4-mobile { display: none !important; } .sr-facebook-plugin > iframe, .sr-fb-native-desktop iframe, .sr-facebook-frame--desktop iframe, .sr-fb-v4-desktop { position: static !important; display: block !important; width: 500px !important; max-width: 500px !important; min-width: 0 !important; height: 548px !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; transform: none !important; zoom: 1 !important; animation: none !important; transition: none !important; will-change: auto !important; box-sizing: border-box !important; } /* ---------------------------------------------------------- INSTAGRAM — ESTABLE / SIN PARPADEO ---------------------------------------------------------- */ .sr-red-caja--instagram, .sr-red-caja--instagram:hover, .sr-instagram-plugin, .sr-instagram-plugin blockquote.instagram-media, .sr-instagram-plugin iframe { transform: none !important; animation: none !important; transition: none !important; will-change: auto !important; } .sr-instagram-plugin { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 548px !important; overflow-x: hidden !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(225,48,108,.46) rgba(0,0,0,.055) !important; scrollbar-gutter: stable !important; overscroll-behavior: contain !important; background: #fff !important; box-sizing: border-box !important; } .sr-instagram-plugin::-webkit-scrollbar { width: 7px; } .sr-instagram-plugin::-webkit-scrollbar-track { background: rgba(0,0,0,.05); } .sr-instagram-plugin::-webkit-scrollbar-thumb { border-radius: 10px; background: linear-gradient(180deg,#833ab4,#e1306c,#fcb045); } .sr-instagram-plugin blockquote.instagram-media { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #fff !important; box-sizing: border-box !important; } .sr-instagram-plugin iframe { position: static !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; backface-visibility: visible !important; box-sizing: border-box !important; } /* ---------------------------------------------------------- BOTONES INFERIORES ---------------------------------------------------------- */ .sr-red-boton, .sr-facebook-boton, .sr-fb-v4-button { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; padding: 10px 16px !important; border-top: 1px solid rgba(0,0,0,.08) !important; color: #202020 !important; font-family: Arial,Helvetica,sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; background: #fff !important; box-sizing: border-box !important; transition: color .25s ease, background .25s ease !important; } .sr-red-boton::after, .sr-facebook-boton::after, .sr-fb-v4-button::after { margin-left: 12px !important; content: "⟶" !important; font-size: 18px !important; line-height: 1 !important; transition: transform .25s ease !important; } .sr-red-boton:hover::after, .sr-facebook-boton:hover::after, .sr-fb-v4-button:hover::after { transform: translateX(5px) !important; } .sr-red-caja--facebook .sr-red-boton, .sr-red-caja--facebook .sr-facebook-boton, .sr-fb-v4 .sr-fb-v4-button { color: #174f9f !important; border-top-color: rgba(24,119,242,.2) !important; background: linear-gradient(180deg,#fff 0%,#f2f7ff 55%,#e9f3ff 100%) !important; } .sr-red-caja--facebook .sr-red-boton:hover, .sr-red-caja--facebook .sr-facebook-boton:hover, .sr-fb-v4 .sr-fb-v4-button:hover { color: #fff !important; background: linear-gradient(135deg,#3d9aff 0%,#1877f2 52%,#0758c8 100%) !important; } .sr-red-caja--instagram .sr-red-boton:hover { color: #fff !important; background: linear-gradient(115deg,#833ab4,#c13584,#e1306c,#fd1d1d,#fcb045) !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 959px) { .sr-red-caja, .sr-fb-v4 { max-width: 500px !important; } } /* ========================================================== MÓVIL ========================================================== */ @media (max-width: 639px) { .sr-red-caja, .sr-fb-v4 { width: calc(100% - 18px) !important; max-width: 390px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; border-radius: 15px !important; } .sr-red-cabecera, .sr-fb-v4-header { min-height: 60px !important; padding: 8px 12px !important; } .sr-red-cabecera > img { width: 36px !important; height: 36px !important; min-width: 36px !important; max-width: 36px !important; margin-right: 10px !important; } .sr-facebook-icono, .sr-fb-v4-icon { flex: 0 0 40px !important; width: 40px !important; height: 40px !important; margin-right: 10px !important; } .sr-facebook-icono img, .sr-fb-v4-icon img { width: 34px !important; height: 34px !important; min-width: 34px !important; max-width: 34px !important; } .sr-red-cabecera-texto strong, .sr-fb-v4-header-text strong { font-size: 14px !important; } .sr-red-cabecera-texto span, .sr-fb-v4-header-text span { margin-top: 2px !important; font-size: 9px !important; } /* Ambas cajas conservan una altura equivalente */ .sr-red-contenido, .sr-fb-v4-content, .sr-instagram-plugin { height: 500px !important; } /* Desactivar versiones desktop si existen */ .sr-fb-native-desktop, .sr-facebook-frame--desktop, .sr-fb-v4-desktop { display: none !important; } /* Activar las versiones móviles nativas */ .sr-fb-native-mobile, .sr-facebook-frame--mobile, .sr-fb-v4-mobile { position: relative !important; display: flex !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 500px !important; margin: 0 auto !important; padding: 0 !important; align-items: flex-start !important; justify-content: center !important; overflow: hidden !important; background: #fff !important; box-sizing: border-box !important; } /* Facebook móvil: SIN SCALE, SIN TRANSLATE, SIN ABSOLUTE */ .sr-fb-native-mobile iframe, .sr-facebook-frame--mobile iframe, .sr-fb-v4-mobile { position: static !important; display: block !important; width: 100% !important; max-width: 360px !important; min-width: 0 !important; height: 500px !important; flex: 0 1 360px !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; transform: none !important; transform-origin: initial !important; zoom: 1 !important; animation: none !important; transition: none !important; will-change: auto !important; box-sizing: border-box !important; } /* Si el módulo usa todavía un único iframe directo */ .sr-facebook-plugin > iframe { position: static !important; display: block !important; width: 100% !important; max-width: 360px !important; min-width: 0 !important; height: 500px !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; transform: none !important; zoom: 1 !important; } .sr-red-boton, .sr-facebook-boton, .sr-fb-v4-button { min-height: 45px !important; padding: 8px 10px !important; font-size: 11px !important; } } /* ========================================================== TELÉFONOS MUY PEQUEÑOS ========================================================== */ @media (max-width: 374px) { .sr-red-caja, .sr-fb-v4 { width: calc(100% - 12px) !important; max-width: 350px !important; } .sr-red-contenido, .sr-fb-v4-content, .sr-instagram-plugin, .sr-fb-native-mobile, .sr-facebook-frame--mobile { height: 480px !important; } .sr-fb-native-mobile iframe, .sr-facebook-frame--mobile iframe, .sr-fb-v4-mobile, .sr-facebook-plugin > iframe { width: 100% !important; max-width: 340px !important; height: 480px !important; transform: none !important; } } /* ========================================================== SOMOS REGIÓN TÍTULO PREMIUM + HAZ DE LUZ V3 Pegar AL FINAL de custom.css ========================================================== */ /* ---------------------------------------------------------- TEXTO BASE SIEMPRE conserva su color ---------------------------------------------------------- */ .sr-titulo-redes-texto { --sr-color: #ffffff; --sr-borde: #111111; --sr-brillo: #ffffff; position: relative; display: inline-block; color: var(--sr-color) !important; -webkit-text-fill-color: var(--sr-color) !important; font-size: 46px; font-weight: 700; line-height: 1.15; text-align: center; text-shadow: -1px -1px 0 var(--sr-borde), 1px -1px 0 var(--sr-borde), -1px 1px 0 var(--sr-borde), 1px 1px 0 var(--sr-borde), 0 3px 5px rgba(0, 0, 0, 0.50); transition: transform 0.35s ease, filter 0.35s ease; transform: translateZ(0); isolation: isolate; } /* ---------------------------------------------------------- EFECTO AL PASAR EL MOUSE ---------------------------------------------------------- */ .sr-titulo-redes-texto:hover { transform: scale(1.045); filter: brightness(1.08); } /* ========================================================== BRILLO ACTIVADO ========================================================== */ .sr-titulo-redes-texto.sr-brillo-on::after { /* copia exactamente el texto original */ content: attr(data-text); position: absolute; inset: 0; z-index: 5; font: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-align: inherit; color: var(--sr-brillo) !important; -webkit-text-fill-color: var(--sr-brillo) !important; /* Esta copia es mucho más brillante. SOLO veremos una franja de ella. */ text-shadow: 0 0 3px rgba(255,255,255,1), 0 0 7px rgba(255,255,255,0.95), 0 0 14px rgba(255,255,255,0.80), 0 0 24px rgba(255,255,255,0.55); pointer-events: none; opacity: 0; /* La franja comienza completamente fuera del título por la izquierda. */ clip-path: polygon( -22% 0%, -10% 0%, 0% 100%, -12% 100% ); animation: srHazSomosRegionV3 10s linear infinite; will-change: clip-path, opacity; } /* ========================================================== ANIMACIÓN DEL HAZ Ciclo total: 10 segundos Cruce del brillo: aprox. 2 segundos Espera: aprox. 8 segundos ========================================================== */ @keyframes srHazSomosRegionV3 { /* esperando */ 0% { opacity: 0; clip-path: polygon( -22% 0%, -10% 0%, 0% 100%, -12% 100% ); } /* aparece el haz */ 1% { opacity: 1; } /* comienza desde la izquierda */ 2% { opacity: 1; clip-path: polygon( -18% 0%, -6% 0%, 4% 100%, -8% 100% ); } /* atraviesa todo el texto */ 20% { opacity: 1; clip-path: polygon( 106% 0%, 118% 0%, 128% 100%, 116% 100% ); } /* desaparece */ 21% { opacity: 0; clip-path: polygon( 106% 0%, 118% 0%, 128% 100%, 116% 100% ); } /* espera hasta completar los 10 segundos */ 100% { opacity: 0; clip-path: polygon( 106% 0%, 118% 0%, 128% 100%, 116% 100% ); } } /* ========================================================== BRILLO DESACTIVADO ========================================================== */ .sr-titulo-redes-texto.sr-brillo-off::after { content: none !important; display: none !important; animation: none !important; } /* ========================================================== RESPONSIVE ========================================================== */ @media (max-width: 959px) { .sr-titulo-redes-texto { font-size: 38px; } } @media (max-width: 640px) { .sr-titulo-redes-texto { font-size: 29px; line-height: 1.2; padding-left: 10px; padding-right: 10px; } } /* ========================================================== ACCESIBILIDAD ========================================================== */ @media (prefers-reduced-motion: reduce) { .sr-titulo-redes-texto.sr-brillo-on::after { animation: none !important; opacity: 0 !important; } } /* ========================================================== SOMOS REGIÓN - REDUCIR ALTURA DE LA TOOLBAR SUPERIOR ========================================================== */ .tm-toolbar { padding-top: 4px !important; padding-bottom: 4px !important; min-height: auto !important; } .tm-toolbar .uk-container { min-height: auto !important; }
PUB-08 · PUBLICIDAD CABECERA · 1200 × 150 px
/* ========================================================== SOMOS REGIÓN PUB-08 · BANNER CABECERA PREMIUM ========================================================== */ .tm-header .sr-pub08-header { width: 100% !important; max-width: 1200px !important; min-width: 0 !important; flex: 1 1 1200px !important; margin-left: auto !important; } .tm-header .sr-pub08-box { width: 100% !important; max-width: 1200px !important; min-width: 0 !important; aspect-ratio: 8 / 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 12px !important; box-sizing: border-box !important; overflow: hidden !important; background: #e9e9e9 !important; border: 2px dashed #e30613 !important; color: #e30613 !important; font-size: 18px !important; font-weight: 700 !important; text-align: center !important; } /* Tablet y móvil */ @media (max-width: 959px) { .tm-header .sr-pub08-header { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; } .tm-header .sr-pub08-box { width: 100% !important; max-width: 100% !important; font-size: 14px !important; } } /* ========================================================== PUB-08 OCUPAR TODO EL ESPACIO DISPONIBLE DE LA CABECERA ========================================================== */ .tm-headerbar-top .uk-container > .uk-margin-auto-left:has(.sr-pub08-header) { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin-left: 40px !important; } .tm-headerbar-top .uk-container > .uk-margin-auto-left:has(.sr-pub08-header) .sr-pub08-header { width: 100% !important; max-width: none !important; min-width: 0 !important; } .tm-headerbar-top .uk-container > .uk-margin-auto-left:has(.sr-pub08-header) .sr-pub08-box { width: 100% !important; max-width: none !important; min-width: 0 !important; aspect-ratio: 10 / 3 !important; } /* ========================================================== SOMOS REGIÓN PUB-08 · CABECERA MÓVIL Logo + hamburguesa arriba / publicidad debajo ========================================================== */ @media (max-width: 959px) { /* ------------------------------------------------------ Convertimos el navbar móvil en una cuadrícula: fila 1 = logo + hamburguesa fila 2 = PUB-08 a todo el ancho ------------------------------------------------------ */ .tm-header-mobile .uk-navbar { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "logo toggle" "pub pub" !important; width: 100% !important; align-items: center !important; column-gap: 12px !important; row-gap: 14px !important; } /* ------------------------------------------------------ LOGO ------------------------------------------------------ */ .tm-header-mobile .uk-navbar-left { grid-area: logo !important; display: flex !important; align-items: center !important; min-width: 0 !important; } /* El contenedor derecho normalmente incluye módulo PUB-08 + hamburguesa. display:contents permite colocar cada hijo independientemente dentro de nuestra cuadrícula. */ .tm-header-mobile .uk-navbar-right { display: contents !important; } /* ------------------------------------------------------ HAMBURGUESA ------------------------------------------------------ */ .tm-header-mobile .uk-navbar-toggle { grid-area: toggle !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 !important; justify-self: end !important; align-self: center !important; } /* ------------------------------------------------------ MÓDULO PUB-08 ------------------------------------------------------ */ .tm-header-mobile .sr-pub08-mobile-header { grid-area: pub !important; display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; justify-self: stretch !important; box-sizing: border-box !important; } /* ------------------------------------------------------ CAJA DE PRUEBA Luego aquí irá la imagen real ------------------------------------------------------ */ .tm-header-mobile .sr-pub08-mobile-box { display: flex !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; /* * Para móvil probamos una proporción 3:1. * Ejemplo futuro: 600 × 200 px. */ aspect-ratio: 10 / 3 !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 10px !important; overflow: hidden !important; border: 2px dashed #e30613 !important; background: #e9e9e9 !important; color: #e30613 !important; font-size: 15px !important; font-weight: 700 !important; text-align: center !important; box-sizing: border-box !important; } } /* ========================================================== SOMOS REGIÓN - TÍTULOS DE SECCIONES EN ARIAL CALAMA, ANTOFAGASTA, NACIONAL, INTERNACIONAL, ETC. ========================================================== */ .uk-heading-bullet, .uk-heading-bullet a, .uk-heading-bullet strong { font-family: Arial, Helvetica, sans-serif !important; font-weight: 700 !important; } /* ========================================================== SOMOS REGIÓN - TÍTULO DESTACADOS EN ARIAL ========================================================== */ h2.uk-h1.uk-font-primary.uk-text-primary, h2.uk-h1.uk-font-primary.uk-text-primary strong { font-family: Arial, Helvetica, sans-serif !important; font-weight: 700 !important; } /* ========================================================== SOMOS REGIÓN AJUSTE FINAL PUBLICIDADES PRINCIPALES 15-08-2026 PUB-08 = 1000 x 300 px PUB-01 = 700 x 300 px IMPORTANTE: Este bloque SOBRESCRIBE las medidas anteriores. No es necesario borrar las reglas antiguas. ========================================================== */ /* ========================================================== PUB-08 · CABECERA PREMIUM ESCRITORIO = 1000 x 300 ========================================================== */ /* Zona derecha disponible junto al logo */ .tm-headerbar-top .uk-container > .uk-margin-auto-left:has(.sr-pub08-header) { flex: 1 1 auto !important; width: 100% !important; max-width: 1000px !important; min-width: 0 !important; margin-left: 40px !important; box-sizing: border-box !important; } /* Módulo PUB-08 Desktop */ .tm-headerbar-top .uk-container > .uk-margin-auto-left:has(.sr-pub08-header) .sr-pub08-header { display: block !important; width: 100% !important; max-width: 1000px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; box-sizing: border-box !important; } /* Imágenes reales de Com-Publica dentro de PUB-08 */ .tm-headerbar-top .sr-pub08-header img { display: block !important; width: 100% !important; max-width: 1000px !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; box-sizing: border-box !important; } /* Caja de prueba, por si se vuelve a activar */ .tm-headerbar-top .sr-pub08-header .sr-pub08-box { width: 100% !important; max-width: 1000px !important; min-width: 0 !important; aspect-ratio: 10 / 3 !important; margin: 0 auto !important; box-sizing: border-box !important; } /* ========================================================== PUB-08 · MÓVIL MISMA IMAGEN 1000 x 300 SE REDIMENSIONA AUTOMÁTICAMENTE ========================================================== */ @media (max-width: 959px) { .tm-header-mobile .sr-pub08-mobile-header { grid-area: pub !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } /* Imagen real de Com-Publica */ .tm-header-mobile .sr-pub08-mobile-header img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; box-sizing: border-box !important; } /* Caja de prueba */ .tm-header-mobile .sr-pub08-mobile-box { width: 100% !important; max-width: 100% !important; aspect-ratio: 10 / 3 !important; margin: 0 auto !important; box-sizing: border-box !important; } } /* ========================================================== PUB-01 · BANNER SUPERIOR ESCRITORIO = 700 x 300 ========================================================== */ .sr-pub01-banner { display: block !important; width: 100% !important; max-width: 700px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* Imagen real de Com-Publica PUB-01 */ .sr-pub01-banner img { display: block !important; width: 100% !important; max-width: 700px !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; object-fit: contain !important; box-sizing: border-box !important; } /* Cualquier enlace que envuelva al anuncio */ .sr-pub01-banner a { display: block !important; width: 100% !important; max-width: 700px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================== PUB-01 · TABLET Y MÓVIL ========================================================== */ @media (max-width: 959px) { .sr-pub01-banner, .sr-pub01-banner a, .sr-pub01-banner img { width: 100% !important; max-width: 700px !important; margin-left: auto !important; margin-right: auto !important; } } /* Teléfonos */ @media (max-width: 639px) { .sr-pub01-banner, .sr-pub01-banner a, .sr-pub01-banner img { width: 100% !important; max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; } } /* ========================================================== SOMOS REGIÓN PUB-01 - AJUSTE DIRECTO MÓDULO ID 153 NUEVA MEDIDA OBJETIVO: 700 x 300 px ========================================================== */ #module-153 { display: block !important; width: 100% !important; max-width: 700px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* Enlace que contiene la publicidad */ #module-153 a { display: block !important; width: 100% !important; max-width: 700px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; box-sizing: border-box !important; } /* Imagen de la publicidad */ #module-153 img { display: block !important; width: 100% !important; max-width: 700px !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; object-fit: contain !important; box-sizing: border-box !important; } /* ========================================================== PUB-01 TABLET Y MÓVIL ========================================================== */ @media (max-width: 959px) { #module-153, #module-153 a, #module-153 img { width: 100% !important; max-width: 700px !important; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 639px) { #module-153, #module-153 a, #module-153 img { width: 100% !important; max-width: 100% !important; height: auto !important; } } /* ========================================================== SOMOS REGIÓN PUB-01 - SELECTOR REAL COM-PUBLICA NUEVO ANCHO OBJETIVO: 700 px ========================================================== */ .crv-publica-ad--pub01 { display: block !important; width: 100% !important; max-width: 700px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; line-height: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } /* Enlace de la publicidad */ .crv-publica-ad--pub01 > a { display: block !important; width: 100% !important; max-width: 700px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } /* Imagen de la publicidad */ .crv-publica-ad--pub01 img { display: block !important; width: 100% !important; max-width: 700px !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; box-sizing: border-box !important; } /* ========================================================== PUB-01 RESPONSIVE ========================================================== */ @media (max-width: 959px) { .crv-publica-ad--pub01, .crv-publica-ad--pub01 > a, .crv-publica-ad--pub01 img { width: 100% !important; max-width: 700px !important; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 639px) { .crv-publica-ad--pub01, .crv-publica-ad--pub01 > a, .crv-publica-ad--pub01 img { width: 100% !important; max-width: 100% !important; height: auto !important; } } /* ========================================================== SOMOS REGIÓN CORRECCIÓN FINAL DE PROPORCIONES COM-PUBLICA PUB-08 = 1000 x 300 PUB-01 = 700 x 300 SOBRESCRIBE aspect-ratio antiguo generado por Com-Publica SIN BORRAR REGLAS ANTERIORES ========================================================== */ /* ========================================================== PUB-08 · 1000 x 300 ========================================================== */ .crv-publica-ad--pub08 { width: 100% !important; max-width: 1000px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } .crv-publica-ad--pub08 > a { display: block !important; width: 100% !important; max-width: 1000px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } .crv-publica-ad--pub08 img { display: block !important; width: 100% !important; max-width: 1000px !important; height: auto !important; /* NUEVA PROPORCIÓN REAL */ aspect-ratio: 10 / 3 !important; object-fit: contain !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================== PUB-01 · 700 x 300 ========================================================== */ .crv-publica-ad--pub01 { width: 100% !important; max-width: 700px !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } .crv-publica-ad--pub01 > a { display: block !important; width: 100% !important; max-width: 700px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } .crv-publica-ad--pub01 img { display: block !important; width: 100% !important; max-width: 700px !important; height: auto !important; /* NUEVA PROPORCIÓN REAL */ aspect-ratio: 7 / 3 !important; object-fit: contain !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================== TABLET / MÓVIL ========================================================== */ @media (max-width: 959px) { .crv-publica-ad--pub08, .crv-publica-ad--pub08 > a, .crv-publica-ad--pub08 img, .crv-publica-ad--pub01, .crv-publica-ad--pub01 > a, .crv-publica-ad--pub01 img { width: 100% !important; max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; } .crv-publica-ad--pub08 img { aspect-ratio: 10 / 3 !important; } .crv-publica-ad--pub01 img { aspect-ratio: 7 / 3 !important; } } /* ========================================================== SOMOS REGIÓN CENTRADO FINAL PUBLICIDADES EN MÓVIL PUB-08 + PUB-01 ========================================================== */ @media (max-width: 959px) { /* ---------- PUB-08 CABECERA ---------- */ .tm-header-mobile .sr-pub08-mobile-header { grid-column: 1 / -1 !important; justify-self: center !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; } .tm-header-mobile .crv-publica-ad--pub08, .tm-header-mobile .crv-publica-ad--pub08 > a, .tm-header-mobile .crv-publica-ad--pub08 img { display: block !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* ---------- PUB-01 ---------- */ .crv-publica-ad--pub01 { display: block !important; width: calc(100% - 30px) !important; max-width: 700px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .crv-publica-ad--pub01 > a, .crv-publica-ad--pub01 img { display: block !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } } /* ========================================================== SOMOS REGIÓN PUB-08 - CENTRADO REAL EN MÓVIL ========================================================== */ @media (max-width: 959px) { .tm-header-mobile .crv-publica-ad--pub08 { position: relative !important; left: 50% !important; transform: translateX(-50%) !important; margin-left: 0 !important; margin-right: 0 !important; } .tm-header-mobile .crv-publica-ad--pub08 > a { display: block !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .tm-header-mobile .crv-publica-ad--pub08 img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; } } /* ========================================================== SOMOS REGIÓN PUB-08 - CENTRADO REAL EN TODO EL ANCHO MÓVIL ========================================================== */ @media (max-width: 959px) { /* Header móvil en dos filas */ .tm-header-mobile .uk-navbar { display: grid !important; grid-template-columns: 1fr auto !important; grid-template-areas: "logo toggle" "pub pub" !important; width: 100% !important; align-items: center !important; } /* Logo */ .tm-header-mobile .uk-navbar-left { grid-area: logo !important; } /* * CLAVE: * elimina el contenedor intermedio que estaba obligando * a PUB-08 a compartir espacio con la hamburguesa. */ .tm-header-mobile .uk-navbar-right { display: contents !important; } /* Botón hamburguesa */ .tm-header-mobile a.uk-navbar-toggle { grid-area: toggle !important; justify-self: end !important; align-self: center !important; } /* Módulo PUB-08 */ .tm-header-mobile .sr-pub08-mobile-header { grid-area: pub !important; display: block !important; width: 100% !important; max-width: 100% !important; justify-self: stretch !important; margin: 0 !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 12px !important; padding-bottom: 0 !important; box-sizing: border-box !important; /* Anula el intento anterior con translate */ position: static !important; left: auto !important; right: auto !important; transform: none !important; } /* Com-Publica PUB-08 */ .tm-header-mobile .crv-publica-ad--pub08, .tm-header-mobile .crv-publica-ad--pub08 > a, .tm-header-mobile .crv-publica-ad--pub08 img { display: block !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; box-sizing: border-box !important; } /* Mantiene la nueva proporción 1000 x 300 */ .tm-header-mobile .crv-publica-ad--pub08 img { height: auto !important; aspect-ratio: 10 / 3 !important; object-fit: contain !important; } } /* ========================================================== SOMOS REGIÓN PUB-08 MÓVIL - CENTRADO DEFINITIVO MÓDULO REAL: #module-165 ========================================================== */ @media (max-width: 959px) { /* Header móvil: 2 columnas arriba + publicidad abajo */ .tm-header-mobile .uk-navbar { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "logo toggle" "pub pub" !important; width: 100% !important; align-items: center !important; } /* Logo */ .tm-header-mobile .uk-navbar-left { grid-area: logo !important; min-width: 0 !important; } /* El contenedor derecho deja de crear su propia caja. Así sus hijos pasan directamente a la grilla principal. */ .tm-header-mobile .uk-navbar-right { display: contents !important; } /* Hamburguesa */ .tm-header-mobile .uk-navbar-toggle { grid-area: toggle !important; justify-self: end !important; align-self: center !important; } /* ====================================================== CLAVE: módulo PUB-08 móvil real ====================================================== */ .tm-header-mobile #module-165 { grid-area: pub !important; display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; justify-self: stretch !important; margin: 12px 0 0 0 !important; /* mismo espacio a izquierda y derecha */ padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; position: static !important; left: auto !important; right: auto !important; transform: none !important; } /* Caja Com-Publica */ .tm-header-mobile #module-165 .crv-publica-ad--pub08 { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } /* Enlace */ .tm-header-mobile #module-165 .crv-publica-ad--pub08 > a { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } /* Imagen */ .tm-header-mobile #module-165 .crv-publica-ad--pub08 img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 10 / 3 !important; object-fit: contain !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } } /* ========================================================== SOMOS REGIÓN REDUCCIÓN DE ESPACIOS VERTICALES EN MÓVIL PUB-08 / PUB-01 ========================================================== */ @media (max-width: 959px) { /* ====================================================== PUB-08 Reduce espacio debajo de la publicidad del header ====================================================== */ .tm-header-mobile #module-165 { margin-top: 8px !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .tm-header-mobile .crv-publica-ad--pub08, .tm-header-mobile .crv-publica-ad--pub08 > a, .tm-header-mobile .crv-publica-ad--pub08 img { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* ====================================================== SECCIÓN QUE CONTIENE PUB-01 Reduce espacio arriba y abajo ====================================================== */ .uk-section:has(.crv-publica-ad--pub01) { padding-top: 15px !important; padding-bottom: 15px !important; } .uk-section:has(.crv-publica-ad--pub01) .uk-container { margin-top: 0 !important; margin-bottom: 0 !important; } .crv-publica-ad--pub01 { margin-top: 0 !important; margin-bottom: 0 !important; } /* ====================================================== Evita márgenes extra generados por wrappers alrededor de PUB-01 ====================================================== */ .crv-publica-ad--pub01 > a, .crv-publica-ad--pub01 img { margin-top: 0 !important; margin-bottom: 0 !important; } } /* ========================================================== SOMOS REGIÓN COMPACTAR ESPACIOS ENTRE MÓDULOS EN MÓVIL ÚLTIMA HORA + PUB-01 ========================================================== */ @media (max-width: 959px) { /* * PRIMERA SECCIÓN DEL PAGE BUILDER * Corresponde a la zona de Última Hora. * * YOOtheme coloca 40px arriba y 40px abajo. * Los reducimos para acercar los módulos. */ #tm-main #page > .uk-section:nth-of-type(1) { padding-top: 10px !important; padding-bottom: 10px !important; } /* * SEGUNDA SECCIÓN * Corresponde a PUB-01. * * Ya tiene uk-padding-remove-top, * así que mantenemos arriba en 0 y reducimos abajo. */ #tm-main #page > .uk-section:nth-of-type(2) { padding-top: 0 !important; padding-bottom: 12px !important; } /* Elimina márgenes adicionales dentro de PUB-01 */ #tm-main #page > .uk-section:nth-of-type(2) .crv-publica-ad--pub01 { margin-top: 0 !important; margin-bottom: 0 !important; } #tm-main #page > .uk-section:nth-of-type(2) .crv-publica-ad--pub01 > a, #tm-main #page > .uk-section:nth-of-type(2) .crv-publica-ad--pub01 img { margin-top: 0 !important; margin-bottom: 0 !important; } } /* ========================================================== SOMOS REGIÓN REDUCCIÓN REAL DE ESPACIOS EN MÓVIL PUB-08 → ÚLTIMA HORA → PUB-01 → NOTICIAS ========================================================== */ @media (max-width: 959px) { /* ====================================================== ÚLTIMA HORA Es la primera sección inmediatamente después de #system-message-container ====================================================== */ #tm-main > #system-message-container + .uk-section.uk-section-small { padding-top: 10px !important; padding-bottom: 10px !important; margin-top: 0 !important; margin-bottom: 0 !important; } /* Contenedor interno de Última Hora */ #tm-main > #system-message-container + .uk-section.uk-section-small > .uk-container { margin-top: 0 !important; margin-bottom: 0 !important; } /* ====================================================== SECCIÓN PUB-01 Identificada directamente por Com-Publica ====================================================== */ #tm-main > .uk-section.uk-section-small:has(.crv-publica-ad--pub01) { padding-top: 8px !important; padding-bottom: 10px !important; margin-top: 0 !important; margin-bottom: 0 !important; } #tm-main > .uk-section.uk-section-small:has(.crv-publica-ad--pub01) > .uk-container { margin-top: 0 !important; margin-bottom: 0 !important; } /* PUB-01 sin márgenes extra */ .crv-publica-ad--pub01, .crv-publica-ad--pub01 > a, .crv-publica-ad--pub01 img { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } } /* ========================================================== SOMOS REGIÓN AJUSTE FINAL ESPACIO PUB-01 → DESTACADOS EN MÓVIL ========================================================== */ @media (max-width: 959px) { /* Reduce el espacio debajo de PUB-01 */ #tm-main > .uk-section:has(.crv-publica-ad--pub01) { padding-bottom: 5px !important; margin-bottom: 0 !important; } /* Reduce el espacio superior de la sección que viene inmediatamente después de PUB-01 */ #tm-main > .uk-section:has(.crv-publica-ad--pub01) + .uk-section { padding-top: 5px !important; margin-top: 0 !important; } /* Evita margen extra del primer grid de esa sección */ #tm-main > .uk-section:has(.crv-publica-ad--pub01) + .uk-section .uk-grid:first-child { margin-top: 0 !important; } }