/*
Theme Name: DTR3S · Sitio corporativo
Theme URI: https://www.dtr3s.es/
Description: Tema WordPress independiente para el sitio corporativo de Enviroment DTR3S.
Author: DTR3S
Version: 1.0.0
Text Domain: dtr3s-custom
Requires at least: 6.0
Requires PHP: 7.4
*/

/* Enfold Classic-inspired header and corporate footer. */
.dtr3s-enfold-header { position: relative; z-index: 100; min-height: 102px; background: rgba(255,255,255,.97); border-bottom: 1px solid #e5ebef; box-shadow: 0 2px 14px rgba(16,35,55,.04); }
.dtr3s-enfold-header__inner { min-height: 102px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.dtr3s-enfold-header__brand img { display: block; width: auto; height: 68px; max-width: 280px; object-fit: contain; }
.dtr3s-enfold-header__nav .av-main-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 26px; margin: 0; padding: 0; list-style: none; }
.dtr3s-enfold-header__nav a { position: relative; display: block; padding: 36px 0 33px; color: #183e69; font-size: 15px; font-weight: 700; line-height: 1.6; text-decoration: none; }
.dtr3s-enfold-header__nav a::after { position: absolute; right: 100%; bottom: 20px; left: 0; height: 2px; content: ""; background: #08a6bc; transition: right .22s ease; }
.dtr3s-enfold-header__nav a:hover, .dtr3s-enfold-header__nav .current-menu-item > a { color: #085caa; }
.dtr3s-enfold-header__nav a:hover::after, .dtr3s-enfold-header__nav .current-menu-item > a::after { right: 0; }

.dtr3s-enfold-footer { clear: both; overflow: hidden; color: #365977; background: #fff; }
.dtr3s-enfold-footer *, .dtr3s-enfold-footer *::before, .dtr3s-enfold-footer *::after { box-sizing: border-box; }
.dtr3s-enfold-footer__accent { height: 7px; background: linear-gradient(90deg, #3fd7d1 0 66%, #087eaa 66% 100%); }
.dtr3s-enfold-footer__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 400px); gap: 58px; align-items: center; min-height: 350px; padding-top: 42px; padding-bottom: 38px; }
.dtr3s-enfold-footer__content { display: grid; grid-template-columns: 1.25fr repeat(3, 1fr); gap: 32px; }
.dtr3s-enfold-footer__brand img { display: block; width: auto; height: 42px; max-width: 150px; margin: 0 0 16px; object-fit: contain; }
.dtr3s-enfold-footer p { margin: 0 0 13px; font-size: 12px; line-height: 1.65; }
.dtr3s-enfold-footer__brand p { max-width: 255px; color: #49677f; }
.dtr3s-enfold-footer__social { display: flex; align-items: center; gap: 8px; margin: 0 0 15px; }
.dtr3s-enfold-footer__social span, .dtr3s-enfold-footer__social a { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid #95d8ec; border-radius: 50%; color: #087eaa; font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none; }
.dtr3s-enfold-footer__block h2 { margin: 0 0 13px; color: #1689ba; font-size: 17px; line-height: 1.25; font-weight: 700; }
.dtr3s-enfold-footer a { color: #365977; font-size: 12px; line-height: 1.65; text-decoration: none; transition: color .2s ease, transform .2s ease; }
.dtr3s-enfold-footer a:hover { color: #09a9bd; }
.dtr3s-enfold-footer__block > a { display: block; }
.dtr3s-enfold-footer__links > a:hover { transform: translateX(3px); }
.dtr3s-enfold-footer__visual { display: flex; align-items: center; justify-content: center; min-height: 280px; }
.dtr3s-enfold-footer__visual img { display: block; width: min(100%, 380px); max-height: 320px; object-fit: contain; transition: transform .35s ease; }
.dtr3s-enfold-footer__visual img:hover { transform: scale(1.025); }
.dtr3s-enfold-footer__bottom { border-top: 1px solid #dce6eb; background: #f8fafb; }
.dtr3s-enfold-footer__bottom-inner { display: flex; align-items: center; justify-content: space-between; min-height: 58px; gap: 24px; }
.dtr3s-enfold-footer__bottom span, .dtr3s-enfold-footer__bottom a { color: #7890a0; font-size: 10px; }
.dtr3s-enfold-footer__bottom-inner > div { display: flex; flex-wrap: wrap; gap: 20px; }

@media (max-width: 1100px) { .dtr3s-enfold-footer__inner { grid-template-columns: minmax(0, 1fr) 280px; gap: 30px; } .dtr3s-enfold-footer__content { grid-template-columns: repeat(2, 1fr); row-gap: 28px; } }
@media (max-width: 800px) { .dtr3s-enfold-header__inner { min-height: 80px; } .dtr3s-enfold-header__brand img { height: 56px; max-width: 235px; } .dtr3s-enfold-header__nav .av-main-nav { gap: 14px; } .dtr3s-enfold-header__nav a { padding: 12px 0; } .dtr3s-enfold-header__nav a::after { bottom: 6px; } .dtr3s-enfold-footer__inner { grid-template-columns: 1fr; } .dtr3s-enfold-footer__visual { order: -1; min-height: 220px; } .dtr3s-enfold-footer__bottom-inner { padding-top: 14px; padding-bottom: 14px; flex-direction: column; align-items: flex-start; gap: 8px; } }
@media (max-width: 480px) { .dtr3s-enfold-header__inner { justify-content: center; } .dtr3s-enfold-header__nav { display: none; } .dtr3s-enfold-footer__content { grid-template-columns: 1fr; } }