/*
Theme Name: vtrcobertura en blanco
Description: Tema mínimo en blanco para vtrcobertura.com. La portada (front-page.php) contiene el diseño de la landing; los estilos van dentro de esa plantilla.
Version: 1.0
Author: Denny
Text Domain: vtrcobertura
*/
body.vtr-basica{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#14182a;background:#f3f5fb;line-height:1.6;margin:0}
.vtr-basica .wrap{max-width:820px;margin:0 auto;padding:32px 16px}
.vtr-basica a{color:#b80f22}
.vtr-basica .top{background:#0a1a3f;color:#fff;padding:14px 16px}
.vtr-basica .top a{color:#fff;text-decoration:none;font-weight:800}
.vtr-basica article{background:#fff;border:1px solid #e2e6f0;border-radius:16px;padding:24px;margin-bottom:18px}
.vtr-basica h1,.vtr-basica h2{color:#0a1a3f;line-height:1.2}


/* ===== EFECTO FIBRA PTICA EN ROJO ===== */

/* Animacin de brillo para efecto fibra ptica */
@keyframes fiber-glow {
	0%, 100% {
		    box-shadow: above      0 0 5px #ff0000,
				      0 0 10px #ff0000,
				      0 0 15px #cc0000,
				      inset 0 0 5px rgba(255, 0, 0, 0.2);
	}
	50% {
		    box-shadow: above      0 0 10px #ff0000,
				      0 0 20px #ff0000,
				      0 0 30px #ff3333,
				      inset 0 0 10px rgba(255, 0, 0, 0.3);
	}
}

/* Contenedor con efecto fibra ptica */
.fiber-optic-container {
	  border: 2px solid #cc0000;
	  border-radius: 16px;
	  animation: fiber-glow 2s ease-in-out infinite;
	  position: relative;
}

/* Efecto adicional con sombra interior */
.fiber-optic-container::before {
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  border: 1px solid rgba(255, 100, 100, 0.5);
	  border-radius: 16px;
	  pointer-events: none;
}

/* Contenedor especfico para portabilidad */
.portabilidad-box {
	  background: linear-gradient(135deg, #0f1b3a 0%, #1a2a4a 100%);
	  border: 2px solid #cc0000;
	  border-radius: 16px;
	  animation: fiber-glow 2.5s ease-in-out infinite;
	  box-shadow: above    0 0 10px rgba(255, 0, 0, 0.4),
		      inset 0 0 5px rgba(255, 0, 0, 0.1);
	  padding: 24px;
	  margin: 20px 0;
}

/* Animacin alternativa ms intensa */
@keyframes fiber-pulse {
	0% {
		    border-color: #ff0000;
		    box-shadow: 0 0 20px #ff0000;
	}
	50% {
		    border-color: #ff3333;
		    box-shadow: 0 0 30px #ff0000, inset 0 0 10px rgba(255, 0, 0, 0.2);
	}
	100% {
		    border-color: #ff0000;
		    box-shadow: 0 0 20px #ff0000;
	}
}

.fiber-pulse {
	  animation: fiber-pulse 1.5s ease-in-out infinite;
}

/* Estilos para formularios funcionales */
.form-container {
	  background: #fff;
	  padding: 30px;
	  border-radius: 8px;
	  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	  margin: 20px 0;
}

.form-container input,
.form-container textarea,
.form-container select {
	  width: 100%;
	  padding: 12px;
	  margin: 10px 0;
	  border: 1px solid #ddd;
	  border-radius: 4px;
	  font-size: 14px;
	  font-family: inherit;
}

.form-container input:focus,
.form-container textarea:focus,
.form-container select:focus {
	  outline: none;
	  border-color: #ff0000;
	  box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
}

.form-button {
	  background-color: #ff0000;
	  color: white;
	  padding: 12px 30px;
	  border: none;
	  border-radius: 4px;
	  cursor: pointer;
	  font-size: 16px;
	  font-weight: bold;
	  transition: all 0.3s ease;
	  margin-top: 15px;
}

.form-button:hover {
	  background-color: #cc0000;
	  box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);
	  transform: translateY(-2px);
}

.form-button:active {
	  transform: translateY(0);
}
}
}
}
}
}
}
}
	}
	}
	}
}
}
}
}
	}
	}
}