/*  Estil peu pàgina */
    .piepagina {
        color: white;
        font-family: Calibri,sans-serif;  
        background: rgb(52, 89, 212);
        text-align: center;
        height: 190px;
        margin:0px;
    }

    .immaq{

        margin-top: 30px;
        margin-left: 500px;
    }

    .part1{
        margin-top: -430px;
        margin-left: 20px;
    }

    .part2{
        margin-left: 20px;
    }

    #buttonticketing{
        
        
        background: rgb(52, 89, 212);

    }
        #buttonticketing:hover {
            background-color: rgb(124, 176, 243);
        }

    .buttonWebIdaxa {                     /* button web idaxa */
        padding: 5px 25px;
        background: rgb(0, 142, 159);
        border-radius: 50px; 
        text-decoration: none;
        font-size: 20px;
        margin-left: 20px;
        color: #120063;
        font-family: Calibri,sans-serif;	
        }
        
        .contenedor {
            background-color: white;
            padding: 10px;
            border-radius: 8px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            width: 350px; /* Ajusta el ancho según sea necesario */
            text-align: center; /* Centra el texto */
            
        }
        h1 {
            padding: 50px;
            border-radius: 8px;
            text-decoration: underline; /* Subraya el texto */
            text-align: center; /* Centra el texto */
        }

        
        #textopp {  /* no funciona */ 
            text-emphasis-color: #9c1515;
            margin-bottom: 80px;
        }
        
        .textoinicial {
            color: #555;
            font-size: 16px;
            margin-bottom: 10px;
        }
        
        .enlace {
            display: inline-block;
            background-color: #e0e0f3;
            color: rgb(125, 52, 241);
            padding: 10px 15px;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s ease;

        }
        
        .enlace:hover { /* Sin espacio entre .enlace y :hover */
            background-color: #a0c6ee;
        }

        .contenedor-datos {
            width: 100%;               /* Ocupa el ancho completo */
            max-width: 600px;          /* Limita el ancho máximo */
            margin: 0 auto;            /* Centra el contenedor */
            font-family: Arial, sans-serif;
            border-collapse: collapse; /* Colapsa los bordes */
        }
        
        .encabezado-datos {
            font-size: 18px;           /* Tamaño más grande para el encabezado */
            font-weight: bold;         /* Negrita */
            color: #333;               /* Color oscuro para resaltar */
            padding: 12px 16px;        /* Espacio alrededor */
            background-color: #f1f1f1; /* Fondo claro para el encabezado */
            border-bottom: 2px solid #007BFF;
            text-align: center;
        }
        
        .enlacedatos {
            display: flex;
            justify-content: space-between; /* Espacio entre texto y contador */
            padding: 8px 16px;
            border-bottom: 1px solid #ddd;
            font-size: 14px;
        }
        
        .enlacedatos:nth-child(even) {
            background-color: #f9f9f9;
        }
        
        .enlacedatos span {
            font-weight: bold;
            color: #007BFF;
        }
  
  

        /* Estilo del botón de reinicio */
        .resetdatos {
            display: block;                /* Centrado en el contenedor */
            width: 100%;                   /* Ocupa todo el ancho */
            padding: 10px 0;               /* Espacio arriba y abajo */
            margin: 10px 0;                /* Separación respecto a otros elementos */
            font-size: 16px;               /* Tamaño de fuente del botón */
            font-weight: bold;
            color: #fff;                   /* Texto en blanco */
            background-color: #007BFF;     /* Color de fondo */
            border: none;                  /* Sin borde */
            cursor: pointer;               /* Cambia el cursor al pasar sobre el botón */
            text-transform: uppercase;     /* Texto en mayúsculas */
            transition: background-color 0.3s ease; /* Efecto de transición */
        }
        
        .resetdatos:hover {
            background-color: #0056b3;     /* Color más oscuro al pasar sobre el botón */
        }
        

        .contenedor2 {
            border: 1px solid #ccc; /* Opcional: Bordes para el contenedor */
            padding: 15px; /* Espaciado interno */
            text-align: center; /* Centrar el contenido */
            margin-bottom: 20px;
        }
        
        .pdf-preview {
            width: 300px; /* Ancho fijo para todas las previsualizaciones */
            height: 400px; /* Altura fija para todas las previsualizaciones */
            object-fit: cover; /* Asegura que la imagen se ajuste, cortando si es necesario */
            display: block; /* Asegurar que se trate como un bloque */
            margin: 0 auto; /* Centrar horizontalmente la imagen */
        }
        
                      /* solo para imagen próximamente */
              .imagen-completa {
                width: 100vw;          /* Ancho total de la pantalla */
                overflow: hidden;      /* Oculta cualquier desbordamiento */
                text-align: center;    /* Centra el contenido dentro del div */
              }
              
              .imagen-completa img {
                width: 60%;            /* Ajusta la imagen al ancho deseado */
                height: auto;          /* Mantiene la proporción de la imagen */
                display: block;        /* Elimina el espacio inferior en algunos navegadores */
                margin: 0 auto;        /* Centra la imagen */
              }
        
    /*
    #fondoCabecera{
        background-color: rgb(0, 142, 159);
    }