/*
Theme Name: mda radio theme
Theme URI: http://example.com
Author: Your name
Author URI: http://pinegrow.com/
Description: This theme was created with Theme Converter for WordPress
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mda_radio
*/
html, body {
  margin: 0; /* Remove default browser padding
 * Version: 1.1

 * Theme Name: mda radio theme
*/
  overflow: hidden; /* Prevent scrollbars on the main page */
  background-image: url('https://www.mdaradio.com/wp-content/uploads/2026/04/background.png');
  /* 2. Prevents the image from repeating if the container is larger than the image */
  background-repeat: no-repeat;

  /* 3. Forces the image to cover the entire area while maintaining aspect ratio */
  background-size: cover;

  /* 4. Keeps the middle of the image in the middle of the container */
  background-position: center;

  /* 5. Optional: Fixes the background during scroll for a parallax effect */
  background-attachment: fixed;

  /* Ensure the container has height to display the image */
  min-height: 100vh; 
  
  padding: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  border: none;
}


#loader {
  position: fixed;
  width: 100%;
  height: 100%;
   background-image: url('https://www.udep.edu.pe/wp-content/uploads/sites/49/media/2015/03/CPA-2.jpg');
  /* 2. Prevents the image from repeating if the container is larger than the image */
  background-repeat: no-repeat;

  /* 3. Forces the image to cover the entire area while maintaining aspect ratio */
  background-size: cover;

  /* 4. Keeps the middle of the image in the middle of the container */
  background-position: center;

  /* 5. Optional: Fixes the background during scroll for a parallax effect */
  background-attachment: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: opacity 0.5s ease;
}

.loader-content {
  text-align: center;
}

.logo {
  width: 200px;
  margin-bottom: 20px;
  animation: zoom 1.5s infinite alternate;
}

@keyframes zoom {
  from { transform: scale(1); }
  to { transform: scale(1.1); }
}

.spinner {
  border: 5px solid red;
  border-top: 5px solid white;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  animation: girar 1s linear infinite;
}

@keyframes girar {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#loader p {
  color: white;
  margin-top: 15px;
  font-family: Arial;
}