/* ================== ESTILOS GENERALES ================== */
#politica-cookies section {
    padding: 20px;
    width: 100%;
    max-width: 1000px;
    margin: 50px auto 0;
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
}

#politica-cookies h1 {
    text-align: center;
    margin-top: 120px;
    font-size: 2.5rem;
    color: #333;
}

#politica-cookies h2 {
    color: #2c3e50;
}

#politica-cookies p {
    line-height: 1.6;
    margin-bottom: 20px;
    font-size: 1rem;
    color: #555;
}

#politica-cookies ul {
    margin-left: 20px;
}

#politica-cookies a {
    color: #3498db;
    text-decoration: none;
}

#politica-cookies a:hover {
    text-decoration: underline;
}

/* Botón */
#politica-cookies .button {
    display: inline-block;
    background-color: #3498db;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

#politica-cookies .button:hover {
    background-color: #2980b9;
}

/* Footer */
#politica-cookies footer {
    text-align: center;
    padding: 10px;
    background-color: #2c3e50;
    color: #fff;
}

/* ================== SECCIÓN DE COOKIES ================== */
#politica-cookies .cookie-section {
    background-color: #ecf0f1;
    padding: 30px;
    margin: 40px auto;
    border-radius: 8px;
    max-width: 800px;
}

#politica-cookies .cookie-section h2 {
    margin-top: 0;
}

#politica-cookies .cookie-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

#politica-cookies .cookie-table th,
#politica-cookies .cookie-table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
    word-wrap: break-word;
}

#politica-cookies .cookie-table th {
    background-color: #006699;
    color: #fff;
}

/* ================== RESPONSIVE ================== */

/* Tablets y móviles grandes */
@media (max-width: 768px) {
    #politica-cookies section {
        padding: 15px;
        margin: 30px 10px 0;
    }

    #politica-cookies h1 {
        font-size: 2rem;
        margin-top: 150px;
    }

    #politica-cookies p {
        font-size: 0.95rem;
    }

    #politica-cookies .button {
        padding: 12px 25px;
        font-size: 1.05rem;
    }

    #politica-cookies footer {
        font-size: 0.9rem;
    }

    #politica-cookies .cookie-section {
        padding: 20px;
    }

    #politica-cookies .cookie-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #politica-cookies .cookie-table th,
    #politica-cookies .cookie-table td {
        padding: 8px;
        white-space: nowrap;
    }
}

/* Móviles pequeños */
@media (max-width: 480px) {
    #politica-cookies section {
        padding: 10px;
        margin: 20px 5px 0;
    }

    #politica-cookies h1 {
        font-size: 1.6rem;
        margin-top: 30px;
    }

    #politica-cookies p {
        font-size: 0.9rem;
    }

    #politica-cookies .button {
        width: 100%;
        padding: 15px 0;
        font-size: 1rem;
    }

    #politica-cookies footer {
        font-size: 0.8rem;
    }

    #politica-cookies .cookie-section {
        padding: 15px;
    }

    #politica-cookies .cookie-table th,
    #politica-cookies .cookie-table td {
        font-size: 0.85rem;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    #politica-cookies section a {
        word-break: break-word;
        overflow-wrap: break-word;
    }
}




























#cookie-banner{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #222;
color: white;
padding: 15px 25px;
display: none;
justify-content: space-between;
align-items: center;
z-index: 999999;
box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
font-size: 14px;
}

#cookie-banner a{
color: #4db8ff;
}

#cookie-banner button{
background: #006699;
color: white;
border: none;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
margin-left: 20px;
}





































.cookie-content p{
font-size: 14px;
margin-bottom: 15px;
color: #333;
}

.cookie-content a{
color: #006699;
text-decoration: none;
}

.cookie-buttons{
display: flex;
gap: 10px;
}

.cookie-buttons button{
flex:1;
padding:10px;
border:none;
border-radius:6px;
cursor:pointer;
font-size:14px;
}

#aceptarCookies{
background:#006699;
color:white;
}

#rechazarCookies{
background:#eee;
}

@keyframes cookieFade{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:translateY(0);
}
}


#cookie-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;

background:rgba(0,0,0,0.55);

display:none;

justify-content:center;
align-items:center;

z-index:999999;
}

#cookie-popup{
width:380px;
background:white;
border-radius:12px;
padding:25px;
box-shadow:0 15px 40px rgba(0,0,0,0.35);
text-align:center;
animation:cookieFade 0.4s ease;
}

#cookie-popup p{
font-size:15px;
margin-bottom:20px;
}

#cookie-popup a{
text-decoration:underline;
color: inherit;
}

.cookie-buttons{
display:flex;
gap:10px;
}

.cookie-buttons button{
flex:1;
padding:12px;
border:none;
border-radius:6px;
cursor:pointer;
font-size:14px;
}

#aceptarCookies{
background:#F2BF18;
color:white;
}

#rechazarCookies{
background:#e5e5e5;
}

@keyframes cookieFade{
from{
opacity:0;
transform:scale(0.9);
}
to{
opacity:1;
transform:scale(1);
}
}