/* =========================================================
   Lastina Interiors — ajustes sobre la plantilla Inoterior (dark)
   ========================================================= */

/* ---------- Logo tipográfico ---------- */
.lastina-logo {
    display: inline-flex;
    flex-direction: column;
    line-height: 1;
    color: #fff;
    text-decoration: none;
}
.lastina-logo:hover { color: #fff; }
.lastina-logo .logo-name {
    font-family: "Jost", "Lato", sans-serif;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 9px;
}
.lastina-logo .logo-sub {
    margin-top: 6px;
    font-family: "Jost", "Lato", sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 7.4px;
    color: #cda274;
}
.footer-logo .lastina-logo { margin-bottom: 25px; }

/* Menú: tipografía más sobria */
#site-header-menu .site-navigation ul.menu > li > a {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* ---------- Selector de idioma ---------- */
.lang-switcher {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.lang-switcher li { line-height: 1; }
.lang-switcher li + li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    margin: 0 10px;
    background: rgba(255,255,255,0.25);
    vertical-align: middle;
}
.lang-switcher a,
.lang-switcher span {
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
}
.lang-switcher a.active { color: #cda274; }
.lang-switcher .disabled {
    color: rgba(255,255,255,0.35);
    cursor: default;
}
/* En escritorio el selector va en header_extra; en móvil, dentro del menú */
.main-menu ul.menu > li.lang-mobile { display: none; }
@media (max-width: 1199px) {
    .main-menu ul.menu > li.lang-mobile {
        display: block;
        padding: 18px 0;
    }
}

/* ---------- Hero de la home ---------- */
.lastina-hero {
    position: relative;
    background-size: cover;
    background-position: center;
}
.lastina-hero-inner {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 140px 0 90px;
    background: linear-gradient(90deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.45) 60%, rgba(0,0,0,0.25) 100%);
}
.lastina-hero .hero-name {
    margin-bottom: 10px;
    font-family: "Jost", "Lato", sans-serif;
    font-size: 72px;
    line-height: 1.05;
    font-weight: 300;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #fff;
}
.lastina-hero .hero-role {
    margin-bottom: 0;
    font-size: 15px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #cda274;
}
.lastina-hero .hero-line {
    display: block;
    width: 70px;
    height: 1px;
    margin: 30px 0;
    background: #cda274;
}
.lastina-hero .hero-claim {
    max-width: 560px;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 300;
    color: rgba(255,255,255,0.85);
}
.lastina-hero .hero-buttons { margin-top: 35px; }
.lastina-hero .hero-buttons .ttm-btn { margin: 0 12px 12px 0; }

@media (max-width: 1199px) {
    .lastina-hero-inner { min-height: 75vh; padding: 90px 0; }
}
@media (max-width: 767px) {
    .lastina-hero .hero-name { font-size: 42px; letter-spacing: 3px; }
    .lastina-hero .hero-role { font-size: 13px; letter-spacing: 2.5px; }
    .lastina-hero .hero-claim { font-size: 17px; }
    .lastina-logo .logo-name { font-size: 21px; letter-spacing: 7px; }
    .lastina-logo .logo-sub { letter-spacing: 5.6px; }
}

/* ---------- Títulos de página interiores ---------- */
.page-title-heading h1.title {
    margin-bottom: 0;
    font-size: 50px;
    font-weight: 300;
    letter-spacing: 3px;
    color: #fff;
}
@media (max-width: 767px) {
    .page-title-heading h1.title { font-size: 32px; }
}

/* ---------- Servicios ---------- */
.lastina-service {
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 40px 30px;
    border: 1px solid rgba(255,255,255,0.08);
    transition: border-color .3s ease;
}
.lastina-service:hover { border-color: #cda274; }
.lastina-service .service-num {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    letter-spacing: 3px;
    color: #cda274;
}
.lastina-service .featured-title h3 { font-size: 20px; line-height: 1.4; }

/* ---------- Proyectos ---------- */
.ttm-nextprev-bottom-nav { gap: 15px; flex-wrap: wrap; }
.placeholder-text { color: #cda274; font-style: italic; }

/* ---------- Formulario ---------- */
.contact_form button.ttm-btn { background: transparent; cursor: pointer; }