body.elementor-page-63070101 header.page-header{display:none;}body.elementor-page-63070101{padding:0px 0px 0px 0px;}/* Start custom CSS for page-settings *//* ESTILOS GLOBALES Y PROTECCIÓN ESTRUCTURAL */
.safetop-landing {
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    max-width: 100%; /* Obliga a no superar el ancho de la pantalla */
    overflow-x: hidden; /* Corta cualquier animación o margen que intente ensanchar la web */
}

/* Descripciones en negrita (Bold) */
.safetop-landing p {
    font-weight: 700;
}

/* Títulos en Extra Bold */
.safetop-landing h1, 
.safetop-landing h2, 
.safetop-landing h3, 
.safetop-landing h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
}

/* BOTONES Y TARJETAS INTERACTIVAS */
.btn-premium { transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); text-decoration: none; display: inline-block; text-align: center; }
.btn-premium:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(255, 89, 0, 0.4); }

.premium-card { background: #fff; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); transition: transform 0.4s ease, box-shadow 0.4s ease; border: 1px solid #f1f5f9; }
.premium-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); }

/* LOGOS RRSS (Diseño grande, limpio y moderno) */
.social-icon { 
    margin-right: 30px; 
    display: inline-block; 
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27); 
}

.social-icon:last-child {
    margin-right: 0; 
}

.social-icon svg { 
    width: 80px; 
    height: 80px; 
    display: block; 
    transition: filter 0.4s ease; 
}

/* Efecto al pasar el ratón (Hover) */
.social-icon:hover { 
    transform: translateY(-6px) scale(1.1); 
}

.social-icon:hover svg { 
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.15)); 
}

/* ANIMACIONES DE DINAMISMO */
@keyframes floatEffect { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }
.floating-element { animation: floatEffect 5s ease-in-out infinite; }

/* CLASES DE ANIMACIÓN AL HACER SCROLL */
.animate-on-scroll { opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }
.safetop-landing .is-visible { opacity: 1; transform: translateY(0); }
.delay-1 { transition-delay: 0.15s; }

/* PANEL CUENTA ATRÁS */
.countdown-container { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 20px; }
.countdown-box {
  background-color: #fdf5f0;
  background-color: rgba(255, 89, 0, 0.04);
  border: 1px solid #ffdecc;
  border: 1px solid rgba(255, 89, 0, 0.15);
  padding: 15px 12px;
  border-radius: 12px;
  min-width: 75px;
  text-align: center;
  margin-right: 12px;
  margin-bottom: 12px;
}
.countdown-num { font-size: 28px; font-weight: 800; color: #FF5900; display: block; line-height: 1; margin-bottom: 4px; }
.countdown-label { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #666666; font-weight: 600; }

/* ROMPER EL CONTENEDOR PARA OCUPAR EL 100% DE LA PANTALLA */
.full-width-section {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 40px; /* Separación con el bloque de arriba */
}

/* COBERTURA DE IMAGEN DE LADO A LADO */
.modern-cta-block {
  background-color: #333333;
  background-image: linear-gradient(rgba(51, 51, 51, 0.1), rgba(51, 51, 51, 0.85)), url('https://safetop.net/img/cms/eclipse-5.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  border-radius: 0; /* Quitamos los bordes redondeados */
  
  /* Sistema para dar altura natural y centrar el contenido */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 60vh; /* Ocupará como mínimo el 60% del alto de la pantalla del usuario */
  padding: 80px 20px; /* Relleno extra por si la pantalla es muy pequeña */
}/* End custom CSS */