/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/*Encabezado Plataforma de IA color gradiante*/

.titulo-gradient {
  background: linear-gradient(135deg, #6ee7b7 0%, #059669 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/*----------------------------*/

/*Boton Mas Informacion de la pagina de inicio*/

.btn-ai-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(168, 192, 178, 0.25);
    filter: brightness(1.05);
}

/*----------------------------*/

/* Definición del movimiento levitacion imagen */
@keyframes flotar {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* Aplicación a la imagen */
.animacion-flotante {
    animation: flotar 6s ease-in-out infinite;
}


/*----------------------------*/

/* Definimos la animación de rebote de la flecha */
@keyframes rebote {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-7px);
  }
}

/* Aplicamos la animación a la clase */
.flecha-botando {
  display: inline-block; /* Necesario para que la transformación funcione */
  animation: rebote 2s infinite;
}

/*----------------------------*/

/*Animacion enlaces footer*/
.enlace-footer {
    transition: transform 0.3s ease;
}

.enlace-footer:hover {
    transform: translateY(-2px); /* El número negativo lo eleva hacia arriba */
}

/*----------------------------------------------------------*/
/* Estilo de la tabla dentro de la pagina PinPar AI*/
.cluster-card{
  background:#f7f7f7;
  padding:20px;
  border-radius:12px;
  max-width:500px;
  font-family:system-ui;
}

.cluster-card{
  background:#f7f7f7;
  padding:20px;
  border-radius:12px;
  max-width:500px;
  font-family:system-ui;

  animation: flotar 6s ease-in-out infinite;
}

@keyframes flotar {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.top h3 {
    color: #1E292B;
    font-weight: bold; 
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
	margin-top: 20px;
}

span.cluster {
    color: #64748B;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}

.project{
  background:white;
  padding:15px;
  border-radius:10px;
  margin-top:15px;
  border:1px solid #eee;
}

.project.danger{
  border-left:4px solid #ff4d4f;
}

.header{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.header strong {
    color: #1E292B !important;
    font-weight: bold !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
}

.project.ok p {
    color: #64748B !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
}

.project.danger p {
    color: #64748B !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
}

.badge{
  font-size:12px;
  padding:4px 8px;
  border-radius:6px;
}

.green{ background:#d4f5e0; color:#0a7a3c; }
.orange{ background:#ffe5d0; color:#b54708; }

.progress{
  background:#eee;
  height:6px;
  border-radius:6px;
  margin:8px 0;
}

.bar{
  height:6px;
  background:#4a90e2;
  border-radius:6px;
}

.progress.red .bar{
  background:#ff4d4f;
}

.top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:5px;
}

.cluster{
  font-size:12px;
  background:#eef2f6;
  padding:4px 8px;
  border-radius:6px;
}

.label-row{
  display:flex;
  justify-content:space-between;
  font-size:13px;
  margin-top:6px;
}

.label-row span.rojo {
    color: #EF4444 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
}

.warning{
  color:#d92d20;
  display:block;
  margin-top:8px;
  font-size:12px;
}

/*----------------------------------------------------------*/
/* Estilo de la tabla dentro de la pagina PinPar AI para movil*/
.cluster-card-movil * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.cluster-card-movil {
  background: #f7f7f7;
  padding: 20px;
  border-radius: 12px;
  max-width: 500px;
  font-family: system-ui;
  animation: flotar 6s ease-in-out infinite;
}

@keyframes flotar {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}

.cluster-card-movil .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.cluster-card-movil .top h3 {
  color: #1E292B;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
}

.cluster-card-movil span.cluster {
  color: #64748B;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  background:#eef2f6;
  padding:4px 8px;
  border-radius:6px;
}

.cluster-card-movil .project {
  background: white;
  padding: 15px;
  border-radius: 10px;
  margin-top: 15px;
  border: 1px solid #eee;
}

.cluster-card-movil .project.danger {
  border-left: 4px solid #ff4d4f;
}

.cluster-card-movil .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

.cluster-card-movil .header strong {
  color: #1E292B;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}

.cluster-card-movil .project.ok p,
.cluster-card-movil .project.danger p {
  color: #64748B;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  margin-top: 5px;
}

.cluster-card-movil .badge {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
}

.cluster-card-movil .green { background: #d4f5e0; color: #0a7a3c; }
.cluster-card-movil .orange { background: #ffe5d0; color: #b54708; }

.cluster-card-movil .progress {
  background: #eee;
  height: 6px;
  border-radius: 6px;
  margin: 8px 0;
  width: 100%;
}

.cluster-card-movil .bar {
  height: 6px;
  background: #4a90e2;
  border-radius: 6px;
}

.cluster-card-movil .progress.red .bar {
  background: #ff4d4f;
}

.cluster-card-movil .label-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  margin-top: 6px;
  flex-wrap: wrap;
  gap: 5px;
}

.cluster-card-movil .label-row span.rojo {
  color: #EF4444;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}

.cluster-card-movil .warning {
  color: #d92d20;
  display: block;
  margin-top: 8px;
  font-size: 12px;
}

@media (max-width: 480px) {
  .cluster-card-movil {
    padding: 15px;
    max-width: 100%;
  }

  .cluster-card-movil .top {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .cluster-card-movil .header {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .cluster-card-movil .label-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }

  .cluster-card-movil .progress {
    height: 8px;
  }

  .cluster-card-movil .bar {
    height: 8px;
  }
}

/*---------------------------------------------------*/
/* Estilo del formulario de contacto PinPar AI Español*/
/* Solo este formulario */
#wpcf7-f319-p254-o1 {
    max-width: 600px;
    margin: auto;
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
}

/* Ocultar <br> solo en este formulario */
#wpcf7-f319-p254-o1 br {
    display: none;
}

/* Placeholder */
#wpcf7-f319-p254-o1 input::placeholder,
#wpcf7-f319-p254-o1 textarea::placeholder {
    color: #9CA3AF;
    opacity: 1;
}

/* Grid de campos: primera fila dos columnas, resto una columna */
#wpcf7-f319-p254-o1 .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dos columnas */
    gap: 20px;
	margin-bottom: 5px !important;
}

#wpcf7-f319-p254-o1 .field{
margin-bottom:20px;
display:flex;
flex-direction:column;
}


/* Labels */
#wpcf7-f319-p254-o1 .field label {
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 6px;
    text-transform: uppercase;
}

/* Inputs y textarea */
#wpcf7-f319-p254-o1 input,
#wpcf7-f319-p254-o1 textarea {
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    font-size: 14px;
	width: 100%;
	margin-bottom: 10px;
}

#wpcf7-f319-p254-o1 textarea {
    height: 120px;
}

/* Botón de envío */
#wpcf7-f319-p254-o1 input[type="submit"] {
    width: 100%;
    background: linear-gradient(90deg, #34d399, #059669);
    border: none;
    color: white;
    padding: 14px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
}

/*---------------------------------------------------*/
/* Estilo del formulario de contacto PinPar AI en Ingles*/
/* Solo este formulario */
#wpcf7-f833-p756-o1 {
    max-width: 600px;
    margin: auto;
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
}

/* Ocultar <br> solo en este formulario */
#wpcf7-f833-p756-o1 br {
    display: none;
}

/* Placeholder */
#wpcf7-f833-p756-o1 input::placeholder,
#wpcf7-f833-p756-o1 textarea::placeholder {
    color: #9CA3AF;
    opacity: 1;
}

/* Grid de campos: primera fila dos columnas, resto una columna */
#wpcf7-f833-p756-o1 .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dos columnas */
    gap: 20px;
	margin-bottom: 5px !important;
}

#wpcf7-f833-p756-o1 .field{
margin-bottom:20px;
display:flex;
flex-direction:column;
}


/* Labels */
#wpcf7-f833-p756-o1 .field label {
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 6px;
    text-transform: uppercase;
}

/* Inputs y textarea */
#wpcf7-f833-p756-o1 input,
#wpcf7-f833-p756-o1 textarea {
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    font-size: 14px;
	width: 100%;
	margin-bottom: 10px;
}

#wpcf7-f833-p756-o1 textarea {
    height: 120px;
}

/* Botón de envío */
#wpcf7-f833-p756-o1 input[type="submit"] {
    width: 100%;
    background: linear-gradient(90deg, #34d399, #059669);
    border: none;
    color: white;
    padding: 14px;
    border-radius: 30px;
    font-weight: 600;
    cursor: pointer;
}

/*----------------------------------------------------*/
/*Efecto tarjetas PinPar soluciones creativas Galeria de obras*/
.tarjeta-galeria {
  transition: transform 0.5s ease; /* Animación suave */
}

.tarjeta-galeria:hover {
  transform: translateY(-8px); /* Se mueve 10px hacia arriba */
}

/*----------------------------------------------------*/
/*Efecto boton pop-up*/
.mi-popup {
    background-color: white; 
    color: #2d3436;              
    border: none;              
    border-radius: 10px;        
    font-size: 13px;         
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	border: 1px solid #DFE6E9;
}

.mi-popup:hover {
    background-color: #6C5CE7;
	color: white;
}

/*--------------------------------------------*/
/* Estilos de todos los popup*/
/* Overlay oscuro */
.popup-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.45);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:999;
  font-family: system-ui, -apple-system, sans-serif;
}

/* Contenedor principal */
.art-popup{
  background:#fff;
  border-radius:14px;
  width:900px;
  max-width:95%;
  box-shadow:0 20px 60px rgba(0,0,0,0.25);
  position:relative;
  overflow:hidden;
}

/* Layout */
.art-container{
  display:flex;
  position:relative;
  min-height:420px;
}

/* Imagen */
.art-image{
  width:45%;
  position:relative;
  overflow:hidden;
}

.art-image img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100% !important;
  object-fit:cover;
}

/* Contenido */
.art-content{
  width:55%;
  padding:40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* categoría */
.art-category{
  font-size:13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#6c5ce7;
  margin-bottom:10px;
}

/* título */
.art-title{
  font-size:29px;
  font-family: 'Open Sans', sans-serif;
  margin:0 0 20px;
  color:#2d3436;
  font-weight: bold;
}

/* descripción */
.art-description{
  color:#636e72;
  line-height:1.6;
  font-size:16px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom:25px;
}

/* tags */
.art-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:30px;
}

.art-tags span{
  background-color: #f1f2f6;
  border:1px solid #dfe6e9;
  padding:6px 12px;
  border-radius:6px;
  font-size:14px;
  font-weight: 600;
  color:#2d3426;
  font-family: 'Open Sans', sans-serif;
}

/* botones */
.art-buttons{
  display:flex;
  gap:14px;
}

/* botón principal */
.btn-primary{
  background:#6c5ce7;
  color:#fff;
  border:none;
  padding:12px 20px;
  border-radius:10px;
  font-size:14px;
  cursor:pointer;
  transition:.2s;
  font-family: 'Open Sans', sans-serif;
}

.btn-primary:hover{
  background:#5850ec;
}

/* botón secundario */
.btn-secondary{
  background:#f5f5f7;
  border:1px solid #ddd;
  padding:12px 20px;
  border-radius:10px;
  font-size:14px;
  cursor:pointer;
  color: #2d3436;
  font-family: 'Open Sans', sans-serif;
}

.btn-secondary:hover{
  background:#6c5ce7;
  color: white;
}

/* responsive */
@media (max-width:768px){

  .art-container{
    flex-direction:column;
  }

  .art-image{
    width:100%;
    height:260px;
  }

  .art-content{
    width:100%;
    padding:25px;
  }

}

/*-----------------------------------*/
/* Desactivar menu principal para poder crear nuestros menus propios*/
.site-header.has-inline-mobile-toggle{
display:none;
}

/*----------------------------------------------*/
/* Estilos menu pagina PinPar AI*/
.menu-pinpar-ai *{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

.menu-pinpar-ai{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:rgba(255,255,255,0.25); /* transparencia */
    backdrop-filter: blur(6px); /* desenfoque del fondo */
	z-index:9999;
}

/* navbar */
.menu-pinpar-ai .navbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 40px;
	border-bottom:1px solid rgba(0,0,0,0.03);
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Logotipo */
.menu-pinpar-ai .logo-container{
	display:flex;
	align-items:center;
	gap:14px;
}

.menu-pinpar-ai .logo-icon{
	width:50px;
	height:50px;
	border-radius:14px;
	display:grid;
	place-items: center;
	font-family: 'Montserrat';
    font-weight: 800;
    font-size: 20px;
	background:linear-gradient(135deg, #6ee7b7 0%, #059669 100%);
	color: white;
	box-shadow: 0 4px 15px rgba(5, 150, 105, 0.2);
}

.menu-pinpar-ai .logo-icon img{
	width:23px;
	height:auto;
	display: block;
}

/* Textos al lado del logotipo */
.menu-pinpar-ai .logo-text{
	display:flex;
	flex-direction:column;
	line-height:1.2;
}

.menu-pinpar-ai .logo-title{
	font-weight:700;
	font-size:18px;
	color:#0f172a;
	font-family: 'Montserrat', sans-serif;
}

.menu-pinpar-ai .logo-sub{
	font-size:12px;
	color:#6b7280;
	margin-top:2px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

/* MENU */
.menu-pinpar-ai .menu{
	display:flex;
	align-items:center;
	gap:10px;
}

/* Botones menu lado derecho */
.menu-pinpar-ai .menu-btn{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-main);
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    white-space: nowrap;
}

.menu-pinpar-ai .menu-btn:hover{
	color: #21A27A;
	border-color: #21A27A;
	transform: translateY(-2px); 
  	box-shadow: 0 2px 6px rgba(33, 162, 122, 0.3);
	transition: transform 0.5s, box-shadow 0.5;
}

/* Boton Idioma */
.menu-pinpar-ai .lang-btn{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-main);
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    white-space: nowrap;
}

.menu-pinpar-ai .lang-btn:hover{
	color: #21A27A;
	border-color: #21A27A;
	transform: translateY(-2px); 
  	box-shadow: 0 2px 6px rgba(33, 162, 122, 0.3);
	transition: transform 0.5s, box-shadow 0.5;
}

.menu-pinpar-ai .lang-btn a {
	color: #0f172A !important;
}

.menu-pinpar-ai .lang-btn a:hover {
	color: #21A27A !important;
}


/*-------------------------------------------*/
/*Menu responsive PinPar AI movil*/
.menu-pinpar-ai-movil *{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

.menu-pinpar-ai-movil{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:rgba(255,255,255,0.25); /* transparencia */
    backdrop-filter: blur(6px); /* desenfoque del fondo */
	z-index:9999;
}

/* navbar */
.menu-pinpar-ai-movil .navbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 40px;
	border-bottom:1px solid rgba(0,0,0,0.03);
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Logotipo */
.menu-pinpar-ai-movil .logo-container{
	display:flex;
	align-items:center;
	gap:14px;
}

.menu-pinpar-ai-movil .logo-icon{
	width:50px;
	height:50px;
	border-radius:14px;
	display:grid;
	place-items: center;
	font-family: 'Montserrat';
    font-weight: 800;
    font-size: 20px;
	background:linear-gradient(135deg, #6ee7b7 0%, #059669 100%);
	color: white;
	box-shadow: 0 4px 15px rgba(5, 150, 105, 0.2);
}

.menu-pinpar-ai-movil .logo-icon img{
	width:23px;
	height:auto;
	display: block;
}

/* Textos al lado del logotipo */
.menu-pinpar-ai-movil .logo-text{
	display:flex;
	flex-direction:column;
	line-height:1.2;
}

.menu-pinpar-ai-movil .logo-title{
	font-weight:700;
	font-size:18px;
	color:#0f172a;
	font-family: 'Montserrat', sans-serif;
}

.menu-pinpar-ai-movil .logo-sub{
	font-size:12px;
	color:#6b7280;
	margin-top:2px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

/* MENU */
.menu-pinpar-ai-movil .menu{
	display:flex;
	align-items:center;
	gap:10px;
}

/* Botones menu lado derecho */
.menu-pinpar-ai-movil .menu-btn{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #0f172a;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    white-space: nowrap;
}

.menu-pinpar-ai-movil .menu-btn:hover{
	color: #21A27A;
	border-color: #21A27A;
	transform: translateY(-2px); 
  	box-shadow: 0 2px 6px rgba(33, 162, 122, 0.3);
	transition: transform 0.5s, box-shadow 0.5;
}

/* Boton Idioma */
.menu-pinpar-ai-movil .lang-btn{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #0f172A;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    white-space: nowrap;
}

.menu-pinpar-ai-movil .lang-btn:hover{
	color: #21A27A !important;
	border-color: #21A27A;
	transform: translateY(-2px); 
  	box-shadow: 0 2px 6px rgba(33, 162, 122, 0.3);
	transition: transform 0.5s, box-shadow 0.5;
}

.menu-pinpar-ai-movil .lang-btn a {
	color: #0f172A !important;
}

.menu-pinpar-ai-movil .lang-btn a:hover {
	color: #21A27A !important;
}

/*Boton hamburguesa movil*/
.menu-pinpar-ai-movil .menu-toggle {
	display: none;
	font-size: 28px;
	cursor: pointer;
	color: #0f172a;
}

@media (max-width: 768px) {
  .menu-pinpar-ai-movil .menu {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 70px;
    right: 20px;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(6px);
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    min-width: 150px;
    gap: 10px;
  }

  .menu-pinpar-ai-movil .menu.active {
    display: flex;
  }

  .menu-pinpar-ai-movil .menu-btn {
    margin: 0;
  }

  .menu-pinpar-ai-movil .menu-toggle {
    display: block;
  }
}

/*----------------------------------------------*/
/* Estilos menu pagina PinPar Soluciones creativas*/
.menu-pinpar-soluciones-creativas * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.menu-pinpar-soluciones-creativas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.25); 
	backdrop-filter: blur(6px);
	z-index: 9999;
}

/* navbar */
.menu-pinpar-soluciones-creativas .navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Logotipo */
.menu-pinpar-soluciones-creativas .logo-container {
	display: flex;
	align-items: center;
	gap: 14px;
}

.menu-pinpar-soluciones-creativas .logo-icon {
	width: 50px;
	height: 50px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	font-family: 'Montserrat';
	font-weight: 800;
	font-size: 20px;
	background: #635BFF;
	color: white;
	box-shadow: 0 4px 15px rgba(223, 66, 251, 0.2);
}

.menu-pinpar-soluciones-creativas .logo-icon img {
	width: 23px;
	height: auto;
	display: block;
}

/* Textos al lado del logotipo */
.menu-pinpar-soluciones-creativas .logo-text {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.menu-pinpar-soluciones-creativas .logo-title {
	font-weight: 700;
	font-size: 18px;
	color: #0f172a;
	font-family: 'Montserrat', sans-serif;
}

.menu-pinpar-soluciones-creativas .logo-sub {
	font-size: 12px;
	color: #6b7280;
	margin-top: 2px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

/* MENU */
.menu-pinpar-soluciones-creativas .menu {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Botones menu lado derecho */
.menu-pinpar-soluciones-creativas .menu-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: white;
	border: 1px solid #E2E8F0;
	border-radius: 50px;
	padding: 10px 20px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--text-main);
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
	white-space: nowrap;
}

.menu-pinpar-soluciones-creativas .menu-btn:hover {
	color: #635BFF;
	border-color:#635BFF;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(99, 91, 255, 0.3);
	transition: transform 0.5s, box-shadow 0.5s;
}

/* Boton Idioma */
.menu-pinpar-soluciones-creativas .lang-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: white;
	border: 1px solid #E2E8F0;
	border-radius: 50px;
	padding: 10px 20px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--text-main);
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
	white-space: nowrap;
}

.menu-pinpar-soluciones-creativas .lang-btn:hover {
	color: #635BFF;
	border-color:#635BFF;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(99, 91, 255, 0.3);
	transition: transform 0.5s, box-shadow 0.5s;
}
.menu-pinpar-soluciones-creativas .lang-btn a {
	color: #0f172A !important;
}

.menu-pinpar-soluciones-creativas .lang-btn a:hover {
	color: #635BFF !important;
}

/*-------------------------------------------------------*/
/* Estilos menu pagina PinPar Soluciones creativas movil*/
.menu-pinpar-soluciones-creativas-movil * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.menu-pinpar-soluciones-creativas-movil {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,0.25);
	backdrop-filter: blur(6px);
	z-index: 9999;
}

/* navbar */
.menu-pinpar-soluciones-creativas-movil .navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 40px;
	border-bottom: 1px solid rgba(0,0,0,0.03);
	position: relative; /* IMPORTANTE para menu absoluto */
}

/* Logotipo */
.menu-pinpar-soluciones-creativas-movil .logo-container {
	display: flex;
	align-items: center;
	gap: 14px;
}

.menu-pinpar-soluciones-creativas-movil .logo-icon {
	width: 50px;
	height: 50px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	font-family: 'Montserrat';
	font-weight: 800;
	font-size: 20px;
	background: #635BFF;
	color: white;
	box-shadow: 0 4px 15px rgba(223, 66, 251, 0.2);
}

.menu-pinpar-soluciones-creativas-movil .logo-icon img {
	width: 23px;
	height: auto;
	display: block;
}

/* Textos al lado del logotipo */
.menu-pinpar-soluciones-creativas-movil .logo-text {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.menu-pinpar-soluciones-creativas-movil .logo-title {
	font-weight: 700;
	font-size: 18px;
	color: #0f172a;
	font-family: 'Montserrat', sans-serif;
}

.menu-pinpar-soluciones-creativas-movil .logo-sub {
	font-size: 12px;
	color: #6b7280;
	margin-top: 2px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

/* MENU */
.menu-pinpar-soluciones-creativas-movil .menu {
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.3s ease;
}

/* Botones menu lado derecho */
.menu-pinpar-soluciones-creativas-movil .menu-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: white;
	border: 1px solid #E2E8F0;
	border-radius: 50px;
	padding: 10px 20px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--text-main);
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
	white-space: nowrap;
}

.menu-pinpar-soluciones-creativas-movil .menu-btn:hover {
	color: #635BFF;
	border-color: #635BFF;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(99, 91, 255, 0.3);
	transition: transform 0.5s, box-shadow 0.5s;
}

/* Boton Idioma */
.menu-pinpar-soluciones-creativas-movil .lang-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: white;
	border: 1px solid #E2E8F0;
	border-radius: 50px;
	padding: 10px 20px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--text-main);
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
	white-space: nowrap;
}

.menu-pinpar-soluciones-creativas-movil .lang-btn:hover {
	color: #635BFF;
	border-color: #635BFF;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(99, 91, 255, 0.3);
	transition: transform 0.5s, box-shadow 0.5s;
}

.menu-pinpar-soluciones-creativas-movil .lang-btn a {
	color: #0f172A !important;
}

.menu-pinpar-soluciones-creativas-movil .lang-btn a:hover {
	color: #635BFF !important;
}

/* Boton hamburguesa movil */
.menu-pinpar-soluciones-creativas-movil .menu-toggle {
	display: none;
	font-size: 28px;
	cursor: pointer;
	color: #0f172a;
}

/* MEDIA QUERY MÓVIL */
@media (max-width: 768px) {
  .menu-pinpar-soluciones-creativas-movil .menu {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%; /* justo debajo del navbar */
    right: 20px;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(6px);
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    min-width: 150px;
    gap: 10px;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: all 0.3s ease;
  }

  .menu-pinpar-soluciones-creativas-movil .menu.active {
    display: flex;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .menu-pinpar-soluciones-creativas-movil .menu-btn,
  .menu-pinpar-soluciones-creativas-movil .lang-btn {
    width: 100%;
    justify-content: center;
    margin: 0;
  }

  .menu-pinpar-soluciones-creativas-movil .menu-toggle {
    display: block;
  }
}
/*----------------------------------------------*/
/* Estilos menu pagina PinPar Ecosistema*/
.menu-pinpar-ecosistema * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.menu-pinpar-ecosistema {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.25);
	backdrop-filter: blur(4px);
	z-index: 9999;
}

/* navbar */
.menu-pinpar-ecosistema .navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 20px;
}

/* Logotipo */
.menu-pinpar-ecosistema .logo-container {
	display: flex;
	align-items: center;
	gap: 14px;
}

.menu-pinpar-ecosistema .logo-icon {
	width: 50px;
	height: 50px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	font-family: 'Montserrat';
	font-weight: 800;
	font-size: 20px;
	background: #EEF8F4;
	color: white;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);align-content
}

.menu-pinpar-ecosistema .logo-icon img {
	width: 35px;
	height: auto;
	display: block;
}

/* Textos al lado del logotipo */
.menu-pinpar-ecosistema .logo-text {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.menu-pinpar-ecosistema .logo-title {
	font-weight: 700;
	font-size: 18px;
	color: rgb(16 24 45);
	font-family: 'Montserrat', sans-serif;
	line-height: 1.5;
}

.menu-pinpar-ecosistema .logo-sub {
	font-size: 11px;
	color: rgb(102 118 141);
	margin-top: 2px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

/* MENU */
.menu-pinpar-ecosistema .menu {
  display: inline-flex;
  align-items: center;
  background-color: #ffffff;
  padding: 12px 35px; 
  border-radius: 50px; 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); 
  border: 1px solid #f2f5f7;
  margin: 0 auto;
}

/* Botones menu central */
.menu-pinpar-ecosistema .menu a {
  text-decoration: none;
  font-family: font-family: 'Open Sans', sans-serif;;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  transition: 0.3s ease;
}

.btn-ai {
  color: rgb(4 120 87);
}

.btn-ai:hover{
  color: #064E3B;
}

.btn-pinpar {
  color: rgb(234 88 12);
}

.btn-pinpar:hover{
  color: #A14122;
}

.divider {
  width: 1.5px;
  height: 22px;
  background-color: #dfe6e9; 
  margin: 0 20px;
}

/* Boton Idioma */
.menu-pinpar-ecosistema .lang-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: white;
	border: 1px solid #E2E8F0;
	border-radius: 50px;
	padding: 10px 20px;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--text-main);
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
	white-space: nowrap;
}

.menu-pinpar-ecosistema .menu-btn:hover {
	color: #635BFF;
	border-color:#635BFF;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(99, 91, 255, 0.3);
	transition: transform 0.5s, box-shadow 0.5s;
}
.menu-pinpar-ecosistema .lang-btn a {
	color: #0f172A !important;
}

/*-------------------------------------------------*/
/* Estilos menu pagina PinPar Ecosistema movil*/
.menu-pinpar-ecosistema-movil * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* NAV */
.menu-pinpar-ecosistema-movil {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(4px);
	z-index: 9999;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* navbar */
.menu-pinpar-ecosistema-movil .navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 20px;
}

/* Logo */
.menu-pinpar-ecosistema-movil .logo-container {
	display: flex;
	align-items: center;
	gap: 12px;
}

.menu-pinpar-ecosistema-movil .logo-icon {
	width: 50px;
	height: 50px;
	display: grid;
	place-items: center;
	background: #EEF8F4;
	border-radius: 12px;
}

.menu-pinpar-ecosistema-movil .logo-icon img {
	width: 35px;
	height: auto;
	display: block;
}

.menu-pinpar-ecosistema-movil .logo-text {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.menu-pinpar-ecosistema-movil .logo-title {
	font-weight: 700;
	font-size: 16px;
	color: rgb(16 24 45);
}

.menu-pinpar-ecosistema-movil .logo-sub {
	font-size: 10px;
	color: rgb(102 118 141);
	font-weight: 600;
}

/*Boton hamburguesa movil*/
.menu-pinpar-ecosistema-movil .menu-toggle {
	font-size: 28px;
	cursor: pointer;
	display: block;
	color: #10182d;
}

/* MENU DESPLEGABLE */
.menu-pinpar-ecosistema-movil .menu {
	display: none;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
	padding: 15px;
	background: white;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.menu-pinpar-ecosistema-movil .menu.active {
	display: flex;
}

.menu-pinpar-ecosistema-movil .menu a.menu-btn {
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
	padding: 8px 12px;
	border-radius: 50px;
	transition: 0.3s ease;
	border: 1px solid #E2E8F0;
}


.menu-pinpar-ecosistema-movil .menu a.menu-btn.btn-ai {
  color: rgb(4 120 87);
}

.menu-pinpar-ecosistema-movil .menu a.menu-btn.btn-ai:hover {
	color: #064E3B;
}


.menu-pinpar-ecosistema-movil .menu a.menu-btn.btn-pinpar {
  color: rgb(234 88 12);
}

.menu-pinpar-ecosistema-movil .menu a.menu-btn.btn-pinpar:hover{
  color: #A14122;
}

/* Boton idioma */
.menu-pinpar-ecosistema-movil .lang-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border: 1px solid #E2E8F0;
	border-radius: 50px;
	padding: 8px 16px;
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
}

.menu-pinpar-ecosistema-movil .lang-btn a {
	color: #0f172A !important;
}

/* RESPONSIVE */
  .menu-pinpar-ecosistema-movil .menu {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 70px;
    right: 20px;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(6px);
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    min-width: 150px;
    gap: 10px;
  }

  .menu-pinpar-ecosistema-movil .menu.active {
    display: flex;
  }

  .menu-pinpar-ecosistema-movil .menu-btn {
    margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
  }

  .menu-pinpar-ecosistema-movil .menu-toggle {
    display: block;
  }
}

/*----------------------------------------------*/
/* Estilos menu pagina PinPar Politica de Privacidad*/
.menu-pinpar-politica-privacidad *{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

.menu-pinpar-politica-privacidad{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:rgba(255,255,255,0.25); /* transparencia */
    backdrop-filter: blur(6px); /* desenfoque del fondo */
	z-index:9999;
}

/* navbar */
.menu-pinpar-politica-privacidad .navbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 40px;
	border-bottom:1px solid rgba(0,0,0,0.03);
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Logotipo */
.menu-pinpar-politica-privacidad .logo-container{
	display:flex;
	align-items:center;
	gap:14px;
}

.menu-pinpar-politica-privacidad .logo-icon{
	width: 50px;
	height: 50px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	font-family: 'Montserrat';
	font-weight: 800;
	font-size: 20px;
	background: #EEF8F4;
	color: white;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);align-content
}

.menu-pinpar-politica-privacidad .logo-icon img{
	width:23px;
	height:auto;
	display: block;
}

/* Textos al lado del logotipo */
.menu-pinpar-politica-privacidad .logo-text{
	display:flex;
	flex-direction:column;
	line-height:1.2;
}

.menu-pinpar-politica-privacidad .logo-title{
	font-weight:700;
	font-size:18px;
	color:#0f172a;
	font-family: 'Montserrat', sans-serif;
}

.menu-pinpar-politica-privacidad .logo-sub{
	font-size:12px;
	color:#6b7280;
	margin-top:2px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

/* MENU */
.menu-pinpar-politica-privacidad .menu{
	display:flex;
	align-items:center;
	gap:10px;
}

/* Botones menu lado derecho */
.menu-pinpar-politica-privacidad .menu-btn{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-main);
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    white-space: nowrap;
}

.menu-pinpar-politica-privacidad .menu-btn:hover{
	color: #21A27A;
	border-color: #21A27A;
	transform: translateY(-2px); 
  	box-shadow: 0 2px 6px rgba(33, 162, 122, 0.3);
	transition: transform 0.5s, box-shadow 0.5;
}

/* Boton Idioma */
.menu-pinpar-politica-privacidad .lang-btn{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-main);
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    white-space: nowrap;
}

.menu-pinpar-politica-privacidad .lang-btn:hover{
	color: #21A27A;
	border-color: #21A27A;
	transform: translateY(-2px); 
  	box-shadow: 0 2px 6px rgba(33, 162, 122, 0.3);
	transition: transform 0.5s, box-shadow 0.5;
}

.menu-pinpar-politica-privacidad .lang-btn a {
	color: #0f172A !important;
}

.menu-pinpar-politica-privacidad .lang-btn a:hover {
	color: #21A27A !important;
}

/*----------------------------------------------------------*/
/*Estilos menu pagina PinPar Politica de Privacidad movil*/
.menu-pinpar-politica-privacidad-movil *{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

.menu-pinpar-politica-privacidad-movil{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:rgba(255,255,255,0.25);
    backdrop-filter: blur(6px);
	z-index:9999;
}

/* navbar */
.menu-pinpar-politica-privacidad-movil .navbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:20px 40px;
	border-bottom:1px solid rgba(0,0,0,0.03);
}

/* Logotipo */
.menu-pinpar-politica-privacidad-movil .logo-container{
	display:flex;
	align-items:center;
	gap:14px;
}

.menu-pinpar-politica-privacidad-movil .logo-icon{
	width:50px;
	height:50px;
	border-radius:14px;
	display:grid;
	place-items:center;
	font-family:'Montserrat';
	font-weight:800;
	font-size:20px;
	background: #EEF8F4;
	color: white;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);align-content
}

.menu-pinpar-politica-privacidad-movil .logo-icon img{
	width:23px;
	height:auto;
	display:block;
}

/* Textos al lado del logotipo */
.menu-pinpar-politica-privacidad-movil .logo-text{
	display:flex;
	flex-direction:column;
	line-height:1.2;
}

.menu-pinpar-politica-privacidad-movil .logo-title{
	font-weight:700;
	font-size:18px;
	color:#0f172a;
	font-family:'Montserrat', sans-serif;
}

.menu-pinpar-politica-privacidad-movil .logo-sub{
	font-size:12px;
	color:#6b7280;
	margin-top:2px;
	font-weight:600;
	letter-spacing:0.5px;
}

/* MENU */
.menu-pinpar-politica-privacidad-movil .menu{
	display:flex;
	align-items:center;
	gap:10px;
}

.menu-pinpar-politica-privacidad-movil .menu-btn,
.menu-pinpar-politica-privacidad-movil .lang-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:white;
	border:1px solid #E2E8F0;
	border-radius:50px;
	padding:10px 20px;
	font-size:0.85rem;
	font-weight:600;
	color:#0f172a;
	text-decoration:none;
	transition:all 0.2s cubic-bezier(0.4,0,0.2,1);
	box-shadow:0 2px 5px rgba(0,0,0,0.02);
	white-space:nowrap;
}

.menu-pinpar-politica-privacidad-movil .menu-btn:hover,
.menu-pinpar-politica-privacidad-movil .lang-btn:hover{
	color:#21A27A;
	border-color:#21A27A;
	transform:translateY(-2px);
	box-shadow:0 2px 6px rgba(33,162,122,0.3);
	transition:transform 0.5s, box-shadow 0.5s;
}

.menu-pinpar-politica-privacidad-movil .lang-btn a{
	color:#0f172a !important;
}
.menu-pinpar-politica-privacidad-movil .lang-btn a:hover{
	color:#21A27A !important;
}

/*Boton hamburguesa movil*/
.menu-pinpar-politica-privacidad-movil .menu-toggle{
	display:none;
	font-size:28px;
	cursor:pointer;
	color:#0f172a;
}

/* ==== RESPONSIVE ==== */
@media (max-width:768px){
  .menu-pinpar-politica-privacidad-movil .menu{
    display:none;
    flex-direction:column;
    position:absolute;
    top:70px;
    right:20px;
    background:rgba(255,255,255,0.95);
    backdrop-filter: blur(6px);
    padding:15px;
    border-radius:12px;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
    min-width:150px;
    gap:10px;
  }

  .menu-pinpar-politica-privacidad-movil .menu.active{
    display:flex;
  }

  .menu-pinpar-politica-privacidad-movil .menu-toggle{
    display:block;
  }
}