/*  SECCION PORTADAS DE PRODUCTOS */
.product_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
   /* font-size: 50px;
    font-weight: bold;
    font-family: 'Montserrat', Courier, monospace;*/
    /*background: rgba(0, 0, 0, 0.5);*/ /* Fondo semitransparente */
   /*  padding: 5px 10px; */
 /*    border-radius: 5px; */
    text-align: center;
}
/**********/

.product_text2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    /*font-size: 4.2em;*/

    font-size:clamp(3.0rem, 3.0vw, 9rem);

    font-weight: bold;
    font-family: 'Montserrat', Courier, monospace;   
    text-align: center;
    line-height: 1.1;
}


.product_text3{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    /*font-size: 4.2em;*/

    font-size:clamp(1.5rem, 1.5vw, 3rem);

    font-weight: bold;
    font-family: 'Montserrat', Courier, monospace;   
    text-align: center;
    line-height: 1.1;
}

.product_text4{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    /*font-size: 4.2em;*/

    font-size:clamp(1.9rem, 1.9vw, 8rem);

    font-weight: bold;
    font-family: 'Montserrat', Courier, monospace;   
    text-align: center;
    line-height: 1.1;
}

.product_text5{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    /*font-size: 4.2em;*/

    font-size:clamp(1.5rem, 1.5vw, 3rem);

    font-weight: bold;
    font-family: 'Montserrat', Courier, monospace;   
    text-align: center;
    line-height: 1.1;
}



.titulo_size0{
    font-size: clamp(9.0rem, 9.0vw, 9rem);
}

.titulo_size1{
    font-size: clamp(3.0rem, 3.0vw, 9rem);
}

.titulo_size2{
    font-size: clamp(1.5rem, 1.5vw, 9rem);
}

.parrafo_size1{
    font-size: clamp(1.6rem, 1.6vw, 5rem);
}


.titulo_footer_size1{
    font-size: clamp(3.0rem, 3.0vw, 9rem);
}

.parrafo_footer_size1{
    font-size: clamp(0.8rem, 0.8vw, 9rem);

  

}

/* SECCION PROYECTOS */

.section {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url('img/proyectos/fondo.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    overflow: hidden;
}

.section h1 {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 20px;
}

.projects-container {
    display: flex;
    gap: 30px;
    justify-content: center;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s ease-in-out;
}

.project {
    position: relative;
    width: 300px;
    height: 400px;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s ease-in-out;
}

.project img {
   /* width: 100%;*/ /*comentado 2025-04-09*/
    height: 100%;
    object-fit: cover;
}

.project-info {
    padding: 15px;
    text-align: center;
    color: black;
}

.project h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.project p {
    font-size: 14px;
    margin-bottom: 15px;
}

.project .btn {
    display: inline-block;
    padding: 8px 15px;
    background: #D50032;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: 0.3s;
}

.project .btn:hover {
    background: #A00025;
}

/* Animaciones de entrada */
.projects-container.show {
    opacity: 1;
    transform: translateY(0);
}

.project.show {
    opacity: 1;
    transform: translateY(0);
}

/**********/




/* inicio footer */

footer {
    background-color: #c8c4fe;
    padding: 40px 60px;
    font-family: Arial, sans-serif;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-section {
    width: 15%;
    min-width: 200px;
}

.footer-section h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 8px;
}

.footer-section ul li a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

.footer-section ul li a:hover {
    text-decoration: underline;
}

.highlight {
    color: red;
}

.newsletter p {
    font-size: 14px;
    margin-bottom: 10px;
}

.newsletter-input {
    display: flex;
    margin-top: 10px;
}

.newsletter-input input {
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.newsletter-input button {
    background-color: #d50032;
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 4px;
    margin-left: 5px;
}

.social-icons {
    display: flex;
    margin-top: 10px;
}

.social-icons a {
    margin-right: 10px;
    opacity: 0.6;
}

.social-icons a:hover {
    opacity: 1;
}

.social-icons img {
    width: 24px;
    height: 24px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    font-size: 14px;
}

.sponsors img {
    height: 40px;
    margin-left: 10px;
}
/* fin footer */



/*Efecto Radar*/
@keyframes radar{
	0%{
		width:75px;
		height:75px;
		border:20px 
		solid rgb(0, 212, 42);
		opacity:0
	}50%{
		opacity:.4
	}
	90%{
		width:175px;
		height:175px
	}
	90%,100%{
		border:2px 
		solid rgb(0, 212, 42);
		opacity:0;
		width:105px;
		height:105px


	}100%{
		width:550px;
		height:550px
	}
  }
  
  
  .radar {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	border: 10px solid #fff;
	width: 150px;
	height: 150px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-animation: radar 2s infinite;
	animation: radar 2s infinite;
	opacity: 0;
  }
  
  
  
  .radar:nth-child(2) {
	animation-delay: .6s;
  }
  /*fin efecto radar*/



/* Mega Menú ocupa toda la pantalla */
.mega-menu {
    position: absolute;
   /*  top: 100px; */ /* Ajusta según la altura del header */
    left: 0;
    width: 100vw;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    display: none; /* Ocultar por defecto */
    padding: 30px 0;
    z-index: 999;

  

   


}

/* Contenido del Mega Menú */
.mega-content {
    max-width: 1200px;
    margin: auto;
   /*  display: flex; */
    flex-direction: column;
    align-items: center;
}

/* Estilos de la lista dentro del Mega Menú */
.mega-content ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.mega-content ul li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    padding: 10px 15px;
    transition: color 0.3s ease;
}

.mega-content ul li a:hover {
    color: #d00;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .mega-menu {
        position: fixed;
        top: 80px; /* Ajusta según la altura del header */
        left: 0;
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .mega-content ul {
        flex-direction: column;
        align-items: center;
    }
}

/* ************ */



.carousel-container {
    position: relative;
    width: 80%;
    max-width: 900px;
    overflow: hidden;
}

.carousel {
    width: 100%;
    overflow: hidden;
}

.carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-item {
    flex: 0 0 calc(100% / 3); /* Muestra 3 en pantallas grandes */
    text-align: center;
    padding: 10px;
}

.carousel-item img {
    width: 100%;
    max-width: 200px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.carousel-item p {
    margin-top: 10px;
    font-weight: bold;
}

/* Botones de navegación */
.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 50%;
}

.prev { left: 10px; }
.next { right: 10px; }

.prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

/* Modo responsivo: 1 producto en pantallas pequeñas */
@media (max-width: 768px) {
    .carousel-item {
        flex: 0 0 100%; /* Muestra 1 producto */
    }
}


.terminos_sub_titulo{
    font-size: 25px;
    color: #474747;
    font-weight: bold;
}

.terminos_parrafo{
    font-size: 20px;
    color: #474747;
    line-height: 1.6;
    text-align: justify;    
}

.terminos_listas{
    list-style-type: square; 
    margin-left: 40px;	 
    font-size: 20px;  
    color: #474747;  
    line-height: 1.6;
}




/* *********** */

.card {
    position: relative; /* Asegura que los hijos con posición absoluta se ubiquen dentro */
    overflow: hidden; /* Importante: evita que se salga cualquier contenido */
}

.descuento-banda {
    position: absolute;
    top: 80px;
    left: -43px;
    background-color: #eb0000;
    color: white;
    font-size: clamp(0.8rem, 0.8vw, 50rem);
    font-weight: bold;
    padding: 7px 50px;
    transform: rotate(-45deg);
    transform-origin: left top;
    z-index: 10;
    white-space: nowrap;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
}

.precios-oferta {
    text-align: center;
    margin-bottom: 10px;
    font-size: clamp(1.0rem, 1.0vw, 200rem);
}

.precios-oferta .antes {
    color: #af4d3c;
    text-decoration: line-through;
    font-size: 1em;
}

.precios-oferta .ahora {
    color: #af4d3c;
    font-weight: bold;
    font-size: 1.1em;
}



.descuento-banda2 {
    position: absolute;
    top: 80px;
    left: -40px;
    background-color: #eb0000;
    color: white;
    font-size: clamp(0.8rem, 0.8vw, 50rem);
    font-weight: bold;
    padding: 7px 50px;
    transform: rotate(-45deg);
    transform-origin: left top;
    z-index: 1;
    white-space: nowrap;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
}

/* *********** */