html,
body{

height:100%;

margin:0;

font-family:Inter,Arial,sans-serif;

background:#ffffff;

}

#mainHeader{

position:fixed;

top:0;

left:0;

width:100%;

z-index:999;

transition:.4s;

}

.navbar{

background:transparent;

padding-top:25px;

}

.navbar-brand{

font-size:2rem;

font-weight:300;

letter-spacing:1px;

}

.nav-link{

color:#ffffff!important;

font-size:1rem;

margin-left:18px;

}
/* =======================================================
   HERO
======================================================= */

#hero{

    position:relative;

    width:100%;

    height:100vh;

    overflow:hidden;

}

.hero-image{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    object-fit:cover;

}

.hero-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:90px 70px;

    background:linear-gradient(
        rgba(0,0,0,.15),
        rgba(0,0,0,.35)
    );

}

.hero-info h1{

    color:#fff;

    font-size:1.9rem;

    font-weight:300;

    margin:0;

}

.hero-info p{

    color:#fff;

    font-size:1rem;

    letter-spacing:.5px;

    margin-top:6px;

    opacity:.9;

}

.hero-button{

    display:inline-block;

    margin-top:20px;

    color:#fff;

    text-decoration:none;

    border:1px solid rgba(255,255,255,.8);

    padding:10px 20px;

    font-size:.95rem;

    transition:.3s;

}

.hero-button:hover{

    background:#fff;

    color:#000;

}

.hero-scroll{

    position:absolute;

    bottom:25px;

    left:50%;

    transform:translateX(-50%);

    color:#fff;

    font-size:2rem;

    animation:scrollDown 2s infinite;

}

@keyframes scrollDown{

    0%{

        opacity:.2;

        transform:translate(-50%,0);

    }

    50%{

        opacity:1;

        transform:translate(-50%,12px);

    }

    100%{

        opacity:.2;

        transform:translate(-50%,0);

    }

}
/* ===========================
   Mﾃ天ILES
=========================== */

@media (max-width:768px){

    .hero-info h1{
        font-size:1.35rem;
    }

    .hero-info p{
        font-size:.85rem;
    }

    .hero-overlay{
        padding:45px 30px;
    }

}
/* ===========================================
   PÁGINAS INTERNAS
=========================================== */

/*=========================
  CABECERA OBRAS
==========================*/

.page-header{

    margin-top:75px;

    text-align:center;

    padding-bottom:8px;

}

.page-header h1{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:24px;

    margin:0;

    font-size:2.15rem;

    font-weight:300;

}

.page-header h1 span{

    font-size:1rem;

    font-weight:400;

    color:#777;

    line-height:1;

}
/* ===========================
   MENÚ PÁGINAS INTERNAS
=========================== */

.navbar-brand{
    color:#222 !important;
}

.nav-link{
    color:#222 !important;
}

.nav-link:hover{
    color:#777 !important;
}
/* =====================================================
   OBRAS
===================================================== */

main{

    max-width:1400px;

    margin:0 auto;

    padding:0 50px 80px;

}

.page-header{

    margin-top:120px;      /* antes 140 */

    margin-bottom:40px;    /* antes 60 */

    text-align:center;

}

.page-header h1{

    font-size:3.5rem;      /* antes 4rem */

    font-weight:300;

    letter-spacing:2px;    /* antes 3px */

    margin-bottom:10px;    /* antes 15 */

}

.page-header p{

    font-size:1rem;        /* antes 1.1 */

    color:#777;

}

}

/* Barra superior */

.gallery-toolbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    border-top:1px solid #ededed;

    border-bottom:1px solid #ededed;

    padding:10px 0;

    margin:18px 0 28px;

    font-size:.90rem;

    color:#666;

    letter-spacing:.2px;

}

.toolbar-left,
.toolbar-center,
.toolbar-right{

    flex:1;

}

.toolbar-center{

    text-align:center;

}

.toolbar-right{

    text-align:right;

}

/* Galería */

/* ===========================
   GALERÍA
=========================== */

.gallery-grid{

    columns:4 280px;

    column-gap:32px;

}

.gallery-item{

    break-inside:avoid;

    margin-bottom:32px;

    cursor:pointer;

}

.gallery-photo{

    width:100%;

    height:auto;

    display:block;

    border-radius:2px;

    transition:.35s;

}

.gallery-item{

    transition:.30s;

}

.gallery-item:hover{

    transform:translateY(-2px);

}

.gallery-item:hover .gallery-photo{

    transform:scale(1.01);

    box-shadow:0 8px 24px rgba(0,0,0,.10);

}

.gallery-item h3{

    margin:14px 0 5px;

    font-size:1rem;

    font-weight:500;

    color:#222;

    letter-spacing:.2px;

}

.gallery-item p{

    margin:0;

    font-size:.85rem;

    color:#8c8c8c;

}

/* Responsive */

@media(max-width:1100px){

.gallery-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:800px){

.gallery-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

main{

padding:0 20px 60px;

}

.gallery-toolbar{

flex-direction:column;

gap:15px;

}

.toolbar-left,
.toolbar-center,
.toolbar-right{

text-align:center;

}

.gallery-grid{

grid-template-columns:1fr;

}

}
/*=========================
  BARRA DE GALERÍA
==========================*/

.gallery-toolbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    max-width:1280px;

    margin:45px auto 55px;

    padding:12px 0;

    border-top:1px solid #ededed;

    border-bottom:1px solid #ededed;

    font-size:.90rem;

    color:#666;

}

.toolbar-left,
.toolbar-center,
.toolbar-right{

    flex:1;

}

.toolbar-center{

    text-align:center;

}

.toolbar-right{

    text-align:right;

}

.toolbar-left{

    cursor:pointer;

}

.toolbar-right{

    cursor:pointer;

}


/* =====================================================
   DIGITALART — PULIDO PÁGINA OBRAS
   Estas reglas sobrescriben únicamente la presentación.
   No modifican la lógica de búsqueda ni la base de datos.
===================================================== */

.page-header{
    margin-top:112px;
    margin-bottom:34px;
    padding-bottom:0;
}

.page-header h1{
    font-size:3.1rem;
    letter-spacing:1.5px;
    gap:18px;
}

.page-header h1 span{
    font-size:.88rem;
    color:#888;
    letter-spacing:.35px;
}

.gallery-toolbar{
    max-width:1280px;
    margin:0 auto 42px;
    padding:0 0 18px;
    border-top:1px solid #ededed;
    border-bottom:1px solid #ededed;
    display:block;
}

.obras-search{
    display:flex;
    align-items:flex-end;
    gap:10px;
    padding:18px 0 15px;
}

.search-field{
    display:flex;
    align-items:center;
    gap:7px;
    margin:0;
    white-space:nowrap;
}

.search-field span{
    font-size:.93rem;
    color:#333;
    font-weight:400;
}

.search-field input,
.search-field select{
    height:38px;
    border:1px solid #cfcfcf;
    border-radius:0;
    background:#fff;
    color:#333;
    font:inherit;
    font-size:.9rem;
    padding:7px 10px;
    outline:none;
}

.search-field input:focus,
.search-field select:focus{
    border-color:#777;
}

.search-text input{
    width:245px;
}

.search-field select{
    min-width:125px;
    cursor:pointer;
}

.search-year select{
    min-width:78px;
}

.search-button{
    height:38px;
    border:0;
    background:transparent;
    color:#333;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 2px 0 12px;
    font:inherit;
    font-size:.92rem;
    text-transform:uppercase;
    cursor:pointer;
}

.search-icon{
    width:27px;
    height:27px;
    border:3px solid #999;
    border-radius:50%;
    position:relative;
    display:block;
}

.search-icon::after{
    content:"";
    position:absolute;
    width:11px;
    height:3px;
    background:#999;
    right:-8px;
    bottom:-4px;
    transform:rotate(45deg);
    transform-origin:left center;
}

.search-button:hover .search-icon{
    border-color:#444;
}

.search-button:hover .search-icon::after{
    background:#444;
}

.toolbar-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#777;
    font-size:.78rem;
    letter-spacing:.15px;
}

.sort-label{
    cursor:pointer;
}

.gallery-grid{
    columns:4 0;
    column-gap:28px;
}

.gallery-item{
    margin-bottom:38px;
    break-inside:avoid;
}

.gallery-photo{
    border-radius:0;
    transition:opacity .25s ease;
}

.gallery-item:hover{
    transform:none;
}

.gallery-item:hover .gallery-photo{
    transform:none;
    box-shadow:none;
    opacity:.93;
}

.gallery-item h3{
    margin:12px 0 4px;
    font-size:.92rem;
    line-height:1.35;
    font-weight:400;
    letter-spacing:.1px;
}

.gallery-item h3 a{
    color:#222;
    text-decoration:none;
}

.gallery-item p{
    font-size:.78rem;
    color:#888;
    letter-spacing:.1px;
}

@media(max-width:1100px){
    .obras-search{
        flex-wrap:wrap;
    }

    .gallery-grid{
        columns:3;
    }
}

@media(max-width:800px){
    .obras-search{
        align-items:stretch;
        flex-direction:column;
        gap:12px;
    }

    .search-field{
        justify-content:space-between;
    }

    .search-text input,
    .search-field select,
    .search-year select{
        flex:1;
        min-width:0;
    }

    .search-button{
        justify-content:center;
        padding:0;
    }

    .gallery-grid{
        columns:2;
    }
}

@media(max-width:600px){
    main{
        padding:0 20px 60px;
    }

    .page-header{
        margin-top:95px;
    }

    .page-header h1{
        flex-direction:column;
        gap:7px;
        font-size:2.35rem;
    }

    .gallery-grid{
        columns:1;
    }
}

/* AJUSTE FINAL — GALERÍA Y PAGINACIÓN */

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    column-gap:28px;
    row-gap:38px;
    columns:auto;
}

.gallery-item{
    margin:0;
    min-width:0;
    break-inside:auto;
}

.gallery-photo{
    height:250px;
    width:auto;
    max-width:100%;
    object-fit:contain;
    object-position:left center;
    border-radius:0;
}

.obras-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    margin:55px auto 15px;
    padding-top:22px;
    border-top:1px solid #ededed;
    max-width:1280px;
}

.numeros-pagina{
    display:flex;
    align-items:center;
    gap:5px;
}

.pagina-numero,
.pagina-flecha{
    min-width:34px;
    height:34px;
    padding:0 9px;
    border:1px solid #d5d5d5;
    background:#fff;
    color:#444;
    font:inherit;
    font-size:.82rem;
    cursor:pointer;
}

.pagina-numero:hover,
.pagina-flecha:hover:not(:disabled){
    border-color:#777;
}

.pagina-numero.activo{
    background:#222;
    border-color:#222;
    color:#fff;
}

.pagina-flecha{
    font-size:1.35rem;
    line-height:1;
}

.pagina-flecha:disabled{
    opacity:.3;
    cursor:default;
}

.pagina-separador{
    width:20px;
    text-align:center;
    color:#888;
}

.search-button{
    margin-left:24px;
    padding:0 16px;
    border:1px solid #222;
    background:#222;
    color:#fff;
}

.search-button:hover{
    background:#444;
    border-color:#444;
}

.search-icon,
.search-button:hover .search-icon{
    border-color:#fff;
}

.search-icon::after,
.search-button:hover .search-icon::after{
    background:#fff;
}

@media(max-width:1100px){
    .gallery-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
}

@media(max-width:800px){
    .gallery-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
    .gallery-photo{height:220px;}
}

@media(max-width:600px){
    .gallery-grid{grid-template-columns:1fr;}
    .gallery-photo{height:auto; width:100%;}
}

/* =====================================================
   DIGITALART — AJUSTE v3
   Alineación, separación y limpieza de la búsqueda
===================================================== */

/* La barra de búsqueda y la galería comparten exactamente el mismo ancho */
.gallery-toolbar,
.gallery-grid,
.obras-pagination{
    width:100%;
    max-width:1280px;
    margin-left:auto;
    margin-right:auto;
}

/* Una sola línea limpia para Texto / País / Ciudad / Año / Buscar */
.gallery-toolbar{
    margin-top:0;
    margin-bottom:42px;
    padding:0;
    border-top:1px solid #ededed;
    border-bottom:1px solid #ededed;
}

.obras-search{
    width:100%;
    min-height:72px;
    display:flex;
    align-items:center;
    gap:28px;
    padding:16px 0;
}

.search-field{
    gap:9px;
}

.search-text input{
    width:245px;
}

.search-field select{
    min-width:130px;
}

.search-year select{
    min-width:82px;
}

/* Separación clara entre Año y BUSCAR */
.obras-search .search-button{
    margin-left:18px;
    flex:0 0 auto;
    min-width:130px;
    height:40px;
    justify-content:center;
    padding:0 17px;
    border:1px solid #222;
    background:#222;
    color:#fff;
}

/* Evita que una versión anterior del formulario deje otro botón */
#panel-filtros,
.filter-actions{
    display:none !important;
}

.toolbar-meta{
    width:100%;
    min-height:34px;
    padding:0 0 10px;
}

/* Cuatro columnas con ancho idéntico */
.gallery-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    column-gap:28px;
    row-gap:38px;
    columns:auto;
}

.gallery-item{
    width:100%;
}

.gallery-photo{
    display:block;
    height:250px;
    width:100%;
    object-fit:contain;
    object-position:center;
    background:#fff;
}

/* Paginación alineada con la misma columna de 1280 px */
.obras-pagination{
    margin-top:55px;
}

@media(max-width:1100px){
    .gallery-grid{
        grid-template-columns:repeat(3, minmax(0,1fr));
    }
}

@media(max-width:800px){
    .obras-search{
        flex-wrap:wrap;
        gap:14px 22px;
    }

    .obras-search .search-button{
        margin-left:0;
    }

    .gallery-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .gallery-photo{
        height:220px;
    }
}

@media(max-width:600px){
    .obras-search{
        flex-direction:column;
        align-items:stretch;
    }

    .search-field{
        justify-content:space-between;
    }

    .search-text input,
    .search-field select,
    .search-year select{
        width:auto;
        flex:1;
    }

    .obras-search .search-button{
        width:100%;
    }

    .gallery-grid{
        grid-template-columns:1fr;
    }

    .gallery-photo{
        height:auto;
        width:100%;
    }
}

/* V4 — TÉCNICA EN LA BARRA DE BÚSQUEDA */
.search-technique select{
    min-width:150px;
}

.obras-search{
    gap:16px;
}

.search-button{
    margin-left:24px;
}

@media(max-width:1250px){
    .obras-search{
        gap:10px;
    }
    .search-text input{
        width:205px;
    }
    .search-field select{
        min-width:110px;
    }
    .search-technique select{
        min-width:135px;
    }
}

/* DIGITALART — NAVEGACION HOME CON BOOTSTRAP */
.digitalart-navbar { position:relative; }
.digitalart-nav-inner { height:90px; padding:0 50px; display:flex; align-items:center; justify-content:space-between; }
.digitalart-logo { color:#222; text-decoration:none; font-size:2rem; font-weight:300; letter-spacing:1px; }
.digitalart-logo:hover { color:#222; }
.digitalart-home-menu { position:absolute; top:90px; left:50px; width:115px; z-index:1050; }
.digitalart-home-menu .dropdown-menu { width:100%; min-width:0; padding:12px 8px 14px; margin:0; border:0; border-radius:0; background:rgba(255,255,255,.78); box-shadow:none; }
.digitalart-home-menu .dropdown-item { padding:3px 0; text-align:center; color:#222; font-size:16px; font-weight:300; }
.digitalart-home-menu .dropdown-item:hover { background:transparent; color:#666; }
.digitalart-home-menu .language { margin-top:10px; text-align:center; font-size:12px; }
.digitalart-home-menu .language a { color:#222; text-decoration:none; }
.digitalart-menu-button { border:0; background:transparent; padding:8px; }
.digitalart-menu-button:focus { box-shadow:none; }
.digitalart-menu-button span { display:block; width:27px; height:1px; margin:5px 0; background:#222; }
@media (max-width:768px) {
.digitalart-nav-inner { height:75px; padding:0 25px; }
.digitalart-logo { font-size:1.7rem; }
.digitalart-home-menu { top:75px; left:25px; width:115px; }
}
        top: 75px;
        left: 25px;
        width: 150px;
    }
}

/* ACERCA - IMAGEN A PANTALLA COMPLETA */

.digitalart-about-hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    color: #fff;
    background: #111;
}

.digitalart-about-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.digitalart-about-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,.48),
        rgba(0,0,0,.12) 55%,
        rgba(0,0,0,.38)
    );
}

.digitalart-about-content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8vw;
    max-width: 1500px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 110px 6vw 60px;
    box-sizing: border-box;
}

.digitalart-about-intro {
    align-self: start;
    max-width: 700px;
}

.digitalart-about-me {
    align-self: center;
    max-width: 600px;
}

.digitalart-about-content h1,
.digitalart-about-content h2 {
    margin: 0 0 22px;
    color: #fff;
    font-weight: 500;
}

.digitalart-about-content h1 {
    font-size: 48px;
}

.digitalart-about-content h2 {
    font-size: 40px;
}

.digitalart-about-content p {
    margin: 0 0 20px;
    color: #fff;
    font-size: 17px;
    line-height: 1.55;
}

.digitalart-about-author {
    margin-top: 28px !important;
    font-weight: 500;
}

/* Encabezado sobre la fotografía */
.digitalart-about-hero #mainHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.digitalart-about-hero .digitalart-navbar {
    background: transparent;
}

.digitalart-about-hero .digitalart-logo,
.digitalart-about-hero .digitalart-menu-button span {
    color: #fff;
}

.digitalart-about-hero .digitalart-menu-button span {
    background: #fff;
}

@media (max-width: 900px) {

    .digitalart-about-content {
        grid-template-columns: 1fr;
        gap: 45px;
        padding: 100px 25px 50px;
    }

    .digitalart-about-intro,
    .digitalart-about-me {
        max-width: none;
    }

    .digitalart-about-content h1 {
        font-size: 36px;
    }

    .digitalart-about-content h2 {
        font-size: 32px;
    }

    .digitalart-about-content p {
        font-size: 16px;
    }

    .digitalart-about-bg {
        object-position: 35% center;
    }
}


/* AJUSTE DEFINITIVO PAGINA ACERCA */

body:has(.digitalart-about-hero) {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.digitalart-about-hero) #mainHeader {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    z-index: 100 !important;
}

body:has(.digitalart-about-hero) .digitalart-logo {
    color: #fff !important;
}

body:has(.digitalart-about-hero) .digitalart-menu-button span {
    background: #fff !important;
}

.digitalart-about-hero {
    position: relative !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.digitalart-about-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover !important;
    object-position: left center !important;
}

.digitalart-about-overlay {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,.05) 0%,
        rgba(0,0,0,.08) 38%,
        rgba(0,0,0,.55) 100%
    ) !important;
}

.digitalart-about-content {
    position: relative !important;
    z-index: 5 !important;
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr) !important;
    gap: 45px !important;
    width: 52% !important;
    max-width: 900px !important;
    min-height: auto !important;
    margin-left: 45% !important;
    padding: 130px 45px 50px 20px !important;
    box-sizing: border-box !important;
}

.digitalart-about-intro,
.digitalart-about-me {
    align-self: start !important;
    max-width: none !important;
}

.digitalart-about-content h1 {
    font-size: 38px !important;
    margin-bottom: 18px !important;
    color: #fff !important;
}

.digitalart-about-content h2 {
    font-size: 34px !important;
    margin-bottom: 18px !important;
    color: #fff !important;
}

.digitalart-about-content p {
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin-bottom: 17px !important;
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.7) !important;
}

.digitalart-about-author {
    margin-top: 22px !important;
}

@media (max-width: 1100px) {

    .digitalart-about-content {
        width: 56% !important;
        margin-left: 42% !important;
        gap: 30px !important;
        padding-right: 25px !important;
    }

    .digitalart-about-content p {
        font-size: 14px !important;
    }
}

@media (max-width: 800px) {

    .digitalart-about-hero {
        height: auto !important;
        min-height: 100vh !important;
        overflow: visible !important;
    }

    .digitalart-about-bg {
        position: fixed !important;
        object-position: 25% center !important;
    }

    .digitalart-about-content {
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        padding: 105px 25px 50px !important;
    }

    .digitalart-about-intro,
    .digitalart-about-me {
        width: 100% !important;
        margin-bottom: 45px !important;
    }

    .digitalart-about-content h1 {
        font-size: 32px !important;
    }

    .digitalart-about-content h2 {
        font-size: 29px !important;
    }

    .digitalart-about-content p {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}


/* ACERCA: MISMA ESTRUCTURA DE PANTALLA COMPLETA QUE HOME */

main#hero.digitalart-about {
    width: 100% !important;
    max-width: none !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.digitalart-about .hero-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.digitalart-about .hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    padding: 90px 70px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    background: linear-gradient(
        rgba(0,0,0,.10),
        rgba(0,0,0,.35)
    ) !important;
}

.digitalart-about-columns {
    width: 52% !important;
    margin-left: auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 35px !important;
    align-items: end !important;
}

.digitalart-about-column {
    color: #fff !important;
    max-width: 100% !important;
}

.digitalart-about-column h1,
.digitalart-about-column h2 {
    color: #fff !important;
    font-size: 1.9rem !important;
    font-weight: 300 !important;
    margin: 0 0 18px !important;
}

.digitalart-about-column p {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin: 0 0 16px !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.7) !important;
}

.digitalart-about-author {
    margin-top: 20px !important;
    font-weight: 400 !important;
}

@media (max-width: 800px) {

    main#hero.digitalart-about {
        height: 100vh !important;
    }

    .digitalart-about .hero-overlay {
        padding: 90px 25px 35px !important;
        overflow-y: auto !important;
    }

    .digitalart-about-columns {
        width: 100% !important;
        margin-left: 0 !important;
        display: block !important;
    }

    .digitalart-about-column {
        margin-bottom: 35px !important;
    }

    .digitalart-about-column p {
        font-size: 15px !important;
    }
}


.digitalart-about .hero-image {
    object-position: center center !important;
}


.digitalart-about .hero-image {
    object-position: center top !important;
}


/* ACERCA - texto sobre la imagen */
.about-overlay{
    justify-content:flex-start !important;
    padding:100px 0 40px !important;
}

.about-columns{
    width:1100px !important;
    max-width:calc(100% - 100px);
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:70px !important;
    color:#fff;
}

.about-column{
    width:auto !important;
    font-size:18px !important;
    line-height:1.45;
    color:#fff;
    text-shadow:0 1px 3px rgba(0,0,0,.8);
}

.about-column h2{
    color:#fff !important;
    font-size:1.8rem !important;
    font-weight:300;
    margin:0 0 18px;
}

.about-column p{
    margin:0 0 15px;
}

.about-author{
    margin-top:20px !important;
}

@media (max-width:768px){
    .about-columns{
        grid-template-columns:1fr !important;
        gap:25px !important;
        overflow-y:auto;
        max-height:75vh;
    }

    .about-overlay{
        padding:100px 25px 30px !important;
    }
}


/* =========================================================
   HOME — MENU NUEVO
   ========================================================= */

body:has(.hero-info) #mainHeader .digitalart-menu{
    position:absolute !important;
    top:56px !important;
    left:25px !important;
    width:115px !important;
    height:auto !important;
    inset:auto !important;
    background:rgba(255,255,255,.78) !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:99998 !important;
    box-sizing:border-box !important;
}

body:has(.hero-info) #mainHeader .digitalart-menu.abierto{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
}

body:has(.hero-info) #mainHeader .digitalart-menu-inner{
    width:100% !important;
    padding:14px 8px 16px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
}

body:has(.hero-info) #mainHeader .digitalart-menu-inner > a{
    display:block !important;
    width:100% !important;
    color:#222 !important;
    font-size:16px !important;
    font-weight:300 !important;
    line-height:1.55 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    text-decoration:none !important;
}

body:has(.hero-info) #mainHeader .digitalart-menu-inner > a:hover{
    color:#666 !important;
}

body:has(.hero-info) #mainHeader .digitalart-language{
    margin-top:12px !important;
    font-size:12px !important;
}

body:has(.hero-info) #mainHeader .digitalart-menu-close{
    display:none !important;
}

@media (max-width:768px){
    body:has(.hero-info) #mainHeader .digitalart-menu{
        top:56px !important;
        left:25px !important;
        width:115px !important;
    }
}

/* HOME — Bootstrap controla el dropdown */
.digitalart-home-menu{
    position:relative !important;
}

.digitalart-home-menu .dropdown-menu{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:auto !important;
    transform:none !important;
}

/* =========================================================
   HOME — MENU BOOTSTRAP COLLAPSE
   ========================================================= */

.digitalart-navbar{
    position:relative;
}

.digitalart-home-menu{
    position:absolute !important;
    top:90px !important;
    left:50px !important;
    width:115px !important;
    z-index:1050 !important;
}

.digitalart-home-menu-inner{
    width:115px;
    padding:14px 8px 16px;
    background:rgba(255,255,255,.78);
    box-sizing:border-box;
    text-align:center;
}

.digitalart-home-menu-inner > a{
    display:block;
    padding:3px 0;
    color:#222;
    text-decoration:none;
    font-size:16px;
    font-weight:300;
    line-height:1.5;
}

.digitalart-home-menu-inner > a:hover{
    color:#666;
}

.digitalart-home-menu-inner .language{
    margin-top:12px;
    font-size:12px;
}

.digitalart-home-menu-inner .language a{
    color:#222;
    text-decoration:none;
}

@media (max-width:768px){

    .digitalart-home-menu{
        top:75px !important;
        left:25px !important;
        width:115px !important;
    }

    .digitalart-home-menu-inner{
        width:115px;
    }

}

/* =========================================================
   TEXTOS
   ========================================================= */

.digitalart-textos-page{
    position:relative;
    min-height:calc(100vh - 90px);
    background-image:url('/assets/images/Perhaps%20it%20is%20a%20dream%201983.jpg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.digitalart-textos-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:320px;
    padding:30px;
    background:rgba(255,255,255,.72);
    text-align:center;
}

.digitalart-textos-content h1{
    margin:0 0 25px;
    font-size:2rem;
    font-weight:300;
    color:#222;
}

.digitalart-textos-link{
    display:block;
    padding:8px 0;
    color:#222;
    text-decoration:none;
    font-size:18px;
    font-weight:300;
}

.digitalart-textos-link:hover{
    color:#777;
}

@media (max-width:768px){
    .digitalart-textos-page{
        min-height:calc(100vh - 75px);
    }

    .digitalart-textos-content{
        width:280px;
        padding:25px;
    }
}

/* =========================================================
   CONTACTO
   ========================================================= */

.digitalart-contact-page{
    position:relative;
    min-height:calc(100vh - 90px);
    background-image:url('/assets/images/Mastin%20y%20Juancho%20Contacto.jpg');
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
}

.digitalart-contact-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:360px;
    padding:35px;
    background:rgba(255,255,255,.72);
    text-align:center;
}

.digitalart-contact-content h1{
    margin:0 0 30px;
    font-size:2rem;
    font-weight:300;
    color:#222;
}

.digitalart-contact-content p{
    margin:0 0 22px;
    color:#222;
    font-size:17px;
    line-height:1.5;
}

.digitalart-contact-content strong{
    font-weight:400;
}

.digitalart-contact-content a{
    color:#222;
    text-decoration:none;
}

.digitalart-contact-content a:hover{
    color:#777;
}

@media (max-width:768px){
    .digitalart-contact-page{
        min-height:calc(100vh - 75px);
    }

    .digitalart-contact-content{
        width:280px;
        padding:25px;
    }
}

/* =========================================================
   LICENCIAS
   ========================================================= */

.digitalart-licencias-page{
    position:relative;
    min-height:calc(100vh - 90px);
    background-image:url('/assets/images/Halo%20Solar,%20San%20Isidro,%20Pcia.%20Bs.As.,%20Argentina%2014.30%20hs.%2022-11-2025%201.JPEG');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.digitalart-licencias-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:520px;
    max-height:calc(100vh - 130px);
    overflow-y:auto;
    padding:35px 45px;
    box-sizing:border-box;
    background:rgba(255,255,255,.78);
    color:#222;
}

.digitalart-licencias-content h1{
    margin:0 0 25px;
    text-align:center;
    font-size:2rem;
    font-weight:300;
}

.digitalart-licencias-content h2{
    margin:0 0 8px;
    font-size:1.25rem;
    font-weight:400;
}

.digitalart-licencias-content p{
    margin:0 0 15px;
    font-size:16px;
    line-height:1.5;
}

.digitalart-licencias-intro{
    margin-bottom:25px;
}

.digitalart-licencia-bloque{
    margin-bottom:25px;
}

.digitalart-licencia-precio{
    margin:8px 0 12px;
    font-size:18px;
}

.digitalart-licencia-boton{
    display:inline-block;
    color:#222;
    text-decoration:none;
    font-size:16px;
    border-bottom:1px solid #222;
    padding-bottom:2px;
}

.digitalart-licencia-boton:hover{
    color:#777;
    border-color:#777;
}

.digitalart-licencia-otro{
    margin-top:10px;
}

@media (max-width:768px){

    .digitalart-licencias-page{
        min-height:calc(100vh - 75px);
    }

    .digitalart-licencias-content{
        width:calc(100% - 40px);
        max-height:calc(100vh - 110px);
        padding:25px;
    }

}

/* =========================================================
   LICENCIAS — FRANJA HORIZONTAL INFERIOR
   ========================================================= */

.digitalart-licencias-content{
    top:auto !important;
    left:40px !important;
    bottom:30px !important;
    transform:none !important;
    width:calc(100% - 80px) !important;
    max-height:none !important;
    padding:24px 30px !important;
    display:grid !important;
    grid-template-columns:1.15fr 1fr 1fr 1.15fr !important;
    gap:30px !important;
    align-items:start !important;
    background:rgba(255,255,255,.78) !important;
}

.digitalart-licencias-content h1{
    text-align:left !important;
    margin:0 0 12px !important;
}

.digitalart-licencias-intro{
    margin:0 !important;
}

.digitalart-licencia-bloque{
    margin:0 !important;
    padding-left:25px;
    border-left:1px solid rgba(0,0,0,.25);
}

.digitalart-licencia-otro{
    margin:0 !important;
    padding-left:25px;
    border-left:1px solid rgba(0,0,0,.25);
}

.digitalart-licencias-content p{
    margin-bottom:10px !important;
}

@media (max-width:768px){

    .digitalart-licencias-content{
        position:absolute !important;
        left:20px !important;
        bottom:20px !important;
        width:calc(100% - 40px) !important;
        display:block !important;
        padding:22px !important;
        max-height:calc(100vh - 110px) !important;
        overflow-y:auto !important;
    }

    .digitalart-licencia-bloque,
    .digitalart-licencia-otro{
        padding-left:0 !important;
        border-left:0 !important;
        border-top:1px solid rgba(0,0,0,.2);
        padding-top:15px;
        margin-top:15px !important;
    }

}

/* =========================================================
   LICENCIAS — FRANJA HORIZONTAL INFERIOR
   ========================================================= */

.digitalart-licencias-content{
    top:auto !important;
    left:40px !important;
    bottom:30px !important;
    transform:none !important;
    width:calc(100% - 80px) !important;
    max-height:none !important;
    padding:24px 30px !important;
    display:grid !important;
    grid-template-columns:1.15fr 1fr 1fr 1.15fr !important;
    gap:30px !important;
    align-items:start !important;
    background:rgba(255,255,255,.78) !important;
}

.digitalart-licencias-content h1{
    text-align:left !important;
    margin:0 0 12px !important;
}

.digitalart-licencias-intro{
    margin:0 !important;
}

.digitalart-licencia-bloque{
    margin:0 !important;
    padding-left:25px;
    border-left:1px solid rgba(0,0,0,.25);
}

.digitalart-licencia-otro{
    margin:0 !important;
    padding-left:25px;
    border-left:1px solid rgba(0,0,0,.25);
}

.digitalart-licencias-content p{
    margin-bottom:10px !important;
}

@media (max-width:768px){

    .digitalart-licencias-content{
        position:absolute !important;
        left:20px !important;
        bottom:20px !important;
        width:calc(100% - 40px) !important;
        display:block !important;
        padding:22px !important;
        max-height:calc(100vh - 110px) !important;
        overflow-y:auto !important;
    }

    .digitalart-licencia-bloque,
    .digitalart-licencia-otro{
        padding-left:0 !important;
        border-left:0 !important;
        border-top:1px solid rgba(0,0,0,.2);
        padding-top:15px;
        margin-top:15px !important;
    }

}