/* /style.css v=1.0.6 -- Inicio */
/* RESET */
* { margin: 0; padding: 0; box-sizing: border-box; }
/* HTML */
html { font-size: 16px; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
/* BODY */
body { font: 400 1em/1.65 Georgia, serif; color: #222; background: #fff; }
/* CONTENEDOR */
.Container { width: 96%; max-width: 1200px; margin: 0 auto; }
/* TITULOS */
h2 { font: 700 1.3em/1em "Arial Narrow", Arial, sans-serif; letter-spacing: .4px; color: #222; margin-bottom: .8em; }
h3, h4 { font: 700 1.05em/1em "Arial Narrow", Arial, sans-serif; letter-spacing: .4px; color: #222; }
/* PARRAFOS */
p { margin: 0 0 1em; text-align: justify; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; overflow-wrap: break-word; }
/* ENLACES */
a { color: #0b5cad; text-decoration: none; }
a:hover { text-decoration: underline; }
/* IMAGENES */
img { display: block; max-width: 100%; height: auto; border: 0; }
/* LANDING */
.Landing { display: flex; justify-content: center; align-items: flex-end; width: 100%; aspect-ratio: 1280/525; background: url("paison-NJ___.webp") center center/cover no-repeat; margin-bottom: 30px; }
/* OVERLAY - ANULADO */
.Overlay { display: flex; align-items: flex-end; justify-content: center; width: 100%; height: 100%; padding: 2%; background: transparent; pointer-events: none; }
/* CONTENIDO */
.Content { display: block; }
/* COLUMNAS - BASE (Movil) */
.Col-FB, .Col-Center, .Col-Ads { width: 100%; }
/* MAIN */
main.Col-Center { margin: 0 0 30px; }
/* ADS */
.Ads { width: 100%; min-height: 250px; background: #f5f5f5; border: 1px dashed #ccc; }
/* FACEBOOK */
.Facebook { width: 100%; overflow: hidden; background: #fff; }
.fb-page { display: block; width: 100% !important; }
.fb-page span { display: block !important; width: 100% !important; }
.fb-page iframe { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; border: 0 !important; }

/* ACORDEÓN - BOTONES HOMOLOGADOS */
.Accordion { margin: 25px 0; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; background: #fafafa; }
.Accordion-btn {
    width: 100%;
    padding: 18px 20px 18px 10px; /* 7px a la izquierda para el símbolo + */
    background: #fff;
    border: 1px solid #0b5cad;
    border-radius: 8px;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Alineación izquierda uniforme */
    transition: all .3s ease;
}
.Accordion-btn:hover { background: #f0f4f8; }
.Accordion-btn h3 {
    font: 700 1.2em/1.3 Georgia, serif;
    letter-spacing: 1px;
    color: #0b5cad;
    margin: 0;
}
.Accordion-icon {
    font-size: 1.8em;
    color: #0b5cad;
    font-weight: 300;
    line-height: 1;
    margin-right: 8px; /* Espacio entre + y el texto */
    transition: transform .3s ease;
}
.Accordion-content { max-height: 0; overflow: hidden; transition: max-height .4s ease-out; background: #fff; }
.Accordion-content.active { max-height: 500px; }
.Accordion-content p { padding: 15px 20px; margin: 0; border-top: 1px solid #f0f0f0; font-size: 1.1em; line-height: 1.4; }
.Accordion-content p:first-child { border-top: none; }

/* FOOTER */
footer { margin: 40px 0 20px; padding: 20px 0; text-align: center; font-size: .95em; border-top: 1px solid #ddd; }
footer p { text-align: center !important; margin: 0 0 .8em; }
footer p:last-child { margin-bottom: 0; }

/* DESKTOP - LAYOUT 3 COLUMNAS */
@media (min-width: 768px) {
    .Content { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; gap: 4%; }
    .Col-FB { flex: 0 0 360px; margin: 0; }
    .Col-Center { flex: 1 1 auto; margin: 0; }
    .Col-Ads { flex: 0 0 300px; margin: 0; }
    .Facebook { width: 360px; }
    .Ads { width: 300px; }
    h1 { font: 700 3em/1em "Arial Narrow", Arial, sans-serif; letter-spacing: .4px; color: #fff; text-align: center; align-self: flex-end; border: 7px solid #FFD108; border-radius: 12px; padding: 10px 20px; text-shadow: 2px 2px 4px rgba(0,0,0,.7), 0 0 12px rgba(0,0,0,.5); }
    .Accordion-btn { padding: 20px 25px 20px 7px; }
    .Accordion-btn h3 { font-size: 1.2em; }
    .Accordion-content p { padding: 18px 25px; }
}

/* TABLETS */
@media (min-width: 768px) and (max-width: 991px) {
    h1 { font: 700 3em/1em "Arial Narrow", Arial, sans-serif; letter-spacing: .4px; color: #fff; text-align: center; align-self: flex-end; border: 7px solid #FFD108; border-radius: 12px; padding: 10px 20px; text-shadow: 2px 2px 4px rgba(0,0,0,.7), 0 0 12px rgba(0,0,0,.5); }
}

/* MOVILES */
@media (max-width: 767px) {
    .Landing { margin-bottom: 20px; }
    .Overlay { padding: 5%; }
    h1 {
        font: 700 1.1em/1em "Arial Narrow", Arial, sans-serif;
        letter-spacing: .4px;
        color: #F6D400;
        text-align: center;
        align-self: flex-start;
        -webkit-text-stroke: .5px #585858;
        text-shadow: 2px 2px 0px #000, 2px 2px 2px rgba(0,0,0, 1), 0 0 25px rgba(0,0,0, 0.4);
    }
    h2, h3, h4 { font-size: 1.05em; }
    main.Col-Center { margin-bottom: 25px; }
    .Col-FB, .Col-Center, .Col-Ads { margin-left: 2px; }
    .Accordion-btn { padding: 15px 18px 15px 7px; }
    .Accordion-btn h3 { font: 700 1.1em/1.3 Georgia, serif; letter-spacing: .5px; }
    .Accordion-icon { font-size: 1.5em; margin-right: 12px; }
    .Accordion-content p { padding: 12px 18px; font-size: .9em; }
}

/* UTILIDADES */
.Clear { clear: both; }
.Hide { display: none; }
.Show { display: block; }
.Center { text-align: center; }
.Left { text-align: left; }
.Right { text-align: right; }
.Bold { font-weight: 700; }
.Italic { font-style: italic; }
.Upper { text-transform: uppercase; }
.Lower { text-transform: lowercase; }
.Capitalize { text-transform: capitalize; }
.MarginAuto { margin: 0 auto; }
.ImgResponsive { display: block; width: 100%; height: auto; }
.Shadow { box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.Round { border-radius: 6px; }
.v20 {width: 100%; clear: both; height: 20px;}
/* ACCESIBILIDAD */
:focus { outline: 2px solid #0b5cad; outline-offset: 2px; }
::selection { color: #fff; background: #0b5cad; }

/* IMPRESION */
@media print {
    body { background: #fff; color: #000; }
    .Landing { background: none !important; min-height: 120px; }
    .Facebook, .Ads { display: none; }
    .Accordion-content { max-height: none !important; overflow: visible; }
    .Accordion-btn { display: none; }
    a { text-decoration: none; color: #000; }
}
/* Fin /style.css v=1.0.6 */