/*
Theme Name: ARNA Industrial - Nuestra historia
Description: Sitio corporativo de Taller Industrial ARNA. Servicios, trabajos y cotización por WhatsApp.
Version: 5.4.0
Author: Taller Industrial ARNA
Text Domain: arna-industrial
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--navy:#081e35;--ink:#112c46;--blue:#164ad5;--blue-dark:#103daf;--soft:#f2f5f8;--line:#d8e0e8;--muted:#526577;--white:#fff;--radius:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(2.9rem,5.35vw,5.2rem);font-weight:800}h2{font-size:clamp(2.2rem,3.4vw,3.35rem);font-weight:750}h3{font-size:1.35rem;font-weight:700;letter-spacing:-.025em}p{color:var(--muted)}a{text-decoration:none}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #78adff;outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #78adff;outline-offset:2px}.wrap{max-width:1280px;padding:0 48px;margin:0 auto}.skip-link{position:absolute;left:20px;top:-100px;padding:12px;background:white;color:var(--navy);z-index:100}.skip-link:focus{top:10px}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);line-height:1.5}.eyebrow.light{color:#a4c5ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 23px;background:var(--blue);color:white;font-size:.9375rem;font-weight:700;border:1px solid transparent;border-radius:var(--radius);min-height:50px;text-align:center;line-height:1.4;transition:background .18s,transform .18s}.btn:hover{background:var(--blue-dark)}.btn-outline{background:transparent;border-color:#8397ad;color:white}.btn-outline:hover{background:rgba(255,255,255,.09)}.btn-white{background:white;color:var(--blue)}.btn-white:hover{background:#e8efff}.text-link{display:inline-block;font-weight:700;font-size:.9375rem;border-bottom:1px solid var(--blue);padding:5px 0;color:var(--blue)}.text-link:hover{color:var(--blue-dark)}.topbar{background:var(--navy);color:#c4d0dd;font-size:.875rem}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:16px}.topbar a{color:#e3edf7}.topbar-contact{display:flex;gap:24px}.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e9edf2}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:96px;gap:24px}.logo-link{display:flex;align-items:center;flex-shrink:0}.site-logo{width:149px;height:auto}.nav-list{display:flex;list-style:none;align-items:center;padding:0;margin:0;gap:29px;font-size:.9375rem;font-weight:600}.nav-list a{display:block;padding:10px 0}.nav-list a:hover{color:var(--blue)}.header-actions{display:flex;gap:18px;align-items:center}.header-actions .btn{padding:13px 19px;min-height:46px}.menu-toggle{display:none;min-height:44px;background:transparent;color:var(--navy);border:1px solid var(--line);border-radius:3px;padding:8px 13px;font-size:.9375rem;font-weight:700}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;max-width:1440px;margin:0 auto;min-height:620px}.hero-copy{padding:64px 48px 58px max(48px,calc((100vw - 1280px)/2 + 48px));display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero .eyebrow{margin-bottom:25px;font-size:.8125rem;letter-spacing:.14em}.hero h1{max-width:650px;margin-bottom:25px}.hero h1 span{color:#91b6ff}.hero-copy>p{color:#ccd8e5;max-width:470px;font-size:1.0625rem;line-height:1.75}.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin:31px 0 35px}.hero-foot{display:flex;gap:12px;align-items:center;color:#b9cce0;font-size:.875rem;font-weight:500}.hero-foot::before{content:"";display:block;height:1px;width:28px;background:#5489f5;flex-shrink:0}.hero-photo{position:relative;min-width:0;min-height:100%;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:49% center;position:absolute;inset:0}.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,24,44,.75))}.photo-caption{position:absolute;bottom:35px;left:35px;right:35px;z-index:1;border-left:3px solid #6b9cff;padding:2px 0 2px 17px}.photo-caption span{display:block;color:#bccde0;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.photo-caption strong{font-size:1.0625rem;font-weight:600}.capability-strip{background:var(--blue);color:white}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;min-height:85px}.strip-grid>div{padding:0 24px;border-right:1px solid #ffffff30;text-align:center;font-size:.9375rem;font-weight:600}.strip-grid>div:first-child{padding-left:0}.strip-grid>div:last-child{border:0;padding-right:0}.section{padding:99px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:43px}.section-head h2{margin-top:16px;max-width:590px}.section-head>p{max-width:330px;font-size:1rem;line-height:1.8}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:30px 30px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white;display:flex;flex-direction:column;transition:background .18s}.service:hover{background:#f5f8fd}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;gap:10px}.service-no{font-size:.875rem;font-weight:700;color:var(--blue);letter-spacing:.1em}.service-label{font-size:.8125rem;color:var(--muted)}.service h3{margin-bottom:14px;max-width:260px}.service>p{font-size:.9375rem;line-height:1.8;margin-bottom:21px}.service details{margin-top:auto;font-size:.875rem}.service summary{cursor:pointer;color:var(--blue);font-weight:700;min-height:35px}.service ul{padding-left:18px;margin:12px 0 3px;color:var(--muted)}.service li{margin-bottom:5px}.projects-section{background:var(--soft)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project{min-width:0}.project-image{aspect-ratio:1.22;overflow:hidden;background:#d8e0e8;position:relative}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.project:hover .project-image img{transform:scale(1.025)}.project-image .category{position:absolute;left:18px;bottom:18px;background:white;color:var(--navy);padding:7px 12px;font-size:.8125rem;font-weight:700}.project h3{margin:22px 0 12px;font-size:1.35rem;line-height:1.3;letter-spacing:-.025em}.project p{font-size:.9375rem;line-height:1.75}.gallery-line{margin-top:36px;border-top:1px solid #ccd6e1;padding-top:27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-line p{font-size:.9375rem}.gallery-line button{background:none}.about-grid{display:grid;grid-template-columns:.92fr 1fr;gap:84px;align-items:center}.about-photo{position:relative;background:#e7ecf2;min-height:530px}.about-photo img{width:100%;height:530px;object-fit:cover;object-position:50% 40%}.about-photo-label{position:absolute;bottom:0;left:0;background:var(--navy);color:white;padding:24px 28px;max-width:85%;font-size:1.125rem;font-weight:600;line-height:1.45}.about-copy h2{margin:17px 0 24px}.about-copy>p{margin-bottom:21px;line-height:1.85}.commitments{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.commitment{display:grid;grid-template-columns:32px 1fr;gap:13px;margin-bottom:20px}.commitment .number{color:var(--blue);font-size:.875rem;font-weight:700;padding-top:2px}.commitment strong{font-size:1rem;line-height:1.6}.commitment p{font-size:.9375rem;margin-top:3px}.coverage{background:var(--navy);color:white;padding:65px 0}.coverage-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.coverage h2{margin-top:15px;max-width:590px;font-size:clamp(2rem,3vw,3rem)}.coverage p{color:#bccde0;max-width:410px;margin-bottom:22px;line-height:1.85}.coverage .text-link{color:white;border-color:#80a8ff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.process-step{border-top:2px solid var(--line);padding-top:20px}.step-no{font-size:.875rem;font-weight:700;color:var(--blue);margin-bottom:24px}.process-step h3{font-size:1.1875rem;line-height:1.3;margin-bottom:12px}.process-step p{font-size:.9375rem;line-height:1.85}.quote-section{background:var(--soft);padding:86px 0}.quote-grid{display:grid;grid-template-columns:.85fr 1.1fr;gap:78px;align-items:start}.quote-copy h2{margin:17px 0 23px;max-width:420px}.quote-copy>p{max-width:350px;line-height:1.85}.contact-list{border-top:1px solid #d1dce6;margin-top:32px;padding-top:23px;display:grid;gap:20px}.contact-item span{font-size:.8125rem;display:block;color:var(--muted);margin-bottom:4px}.contact-item a,.contact-item strong{font-weight:600;display:block;font-size:1.0625rem;overflow-wrap:anywhere}.contact-item a:hover{color:var(--blue)}.quote-form{background:white;border:1px solid #d7e1ec;padding:34px;border-radius:3px}.quote-form h3{font-size:1.5rem;margin-bottom:9px}.quote-form>p{font-size:.9375rem;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:.875rem;color:var(--ink);font-weight:600}.optional{font-weight:400;color:var(--muted)}input,select,textarea{border:1px solid #bccbd9;background:#fff;border-radius:2px;padding:12px 13px;min-width:0;width:100%;color:var(--navy);font-size:1rem;min-height:49px;line-height:1.5}textarea{resize:vertical;min-height:114px}input::placeholder,textarea::placeholder{color:#697b8c}.quote-form .btn{margin-top:23px;width:100%}.form-help{font-size:.8125rem;line-height:1.6;margin-top:13px;color:var(--muted)}.draft-panel{background:#eef4ff;border-left:3px solid var(--blue);padding:18px;margin-top:23px}.draft-panel h4{margin:0 0 12px;font-size:1rem}.draft-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.875rem;line-height:1.65;margin:0;color:var(--ink)}.draft-panel .btn{margin-top:15px}.draft-panel .text-link{margin-top:8px;font-size:.875rem}.site-footer{background:var(--navy);color:white;padding:45px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:32px;align-items:flex-start;padding-bottom:33px}.footer-brand strong{font-size:1.25rem;display:block;letter-spacing:.05em}.footer-brand p{color:#a9bed3;font-size:.9375rem;max-width:360px;margin-top:9px}.footer-nav{display:flex;gap:28px;font-size:.875rem;flex-wrap:wrap}.footer-nav a{padding:5px 0;color:#d5e0eb}.footer-nav a:hover{color:white}.footer-bottom{border-top:1px solid #ffffff21;padding-top:23px;display:flex;justify-content:space-between;gap:22px;font-size:.8125rem;color:#a9bed3}.whatsapp-link{position:fixed;right:23px;bottom:22px;z-index:15;background:white;color:var(--navy);display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:4px;box-shadow:0 5px 25px #061b3526;border:1px solid #d0dcea;font-size:.875rem;font-weight:700;min-height:47px}.whatsapp-link::before{content:"";width:8px;height:8px;border-radius:50%;background:#267b4c}.gallery-dialog{border:0;padding:0;max-width:1000px;width:calc(100% - 44px);max-height:88vh;border-radius:4px;color:var(--ink);box-shadow:0 18px 60px #0003}.gallery-dialog::backdrop{background:#031327d9}.dialog-head{position:sticky;top:0;background:white;display:flex;justify-content:space-between;align-items:center;padding:20px 25px;gap:20px;z-index:1;border-bottom:1px solid var(--line)}.dialog-head h3{font-size:1.25rem}.dialog-close{background:var(--soft);color:var(--ink);padding:8px 14px;min-height:44px;min-width:70px;border:1px solid var(--line);border-radius:3px;font-size:.875rem}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px}.dialog-grid figure{margin:0}.dialog-grid img{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover}.dialog-grid figcaption{font-size:.875rem;color:var(--muted);margin-top:10px;line-height:1.6}.inner-page{padding:70px 0 100px}.entry-title{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:32px}.entry-content{max-width:1080px;overflow-wrap:anywhere}.entry-content h2{font-size:2rem;margin:35px 0 20px}.entry-content h3{margin:25px 0 15px}.entry-content p{margin-bottom:20px}.entry-content ul,.entry-content ol{margin-bottom:24px}.post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.post-card{border:1px solid var(--line);padding:30px}.post-card h2{font-size:1.65rem;margin-bottom:17px}.post-card p{margin:15px 0}.post-card img{margin-bottom:22px;width:100%;aspect-ratio:16/9;object-fit:cover}.wp-block-image figcaption{font-size:.875rem;color:var(--muted)}.alignwide{width:100%}.alignfull{max-width:100%}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1600px){.hero-copy{padding-left:80px}.hero-grid{min-height:650px}}
@media(max-width:1100px){.wrap{padding:0 32px}.nav-list{gap:19px}.header-inner{gap:20px}.site-logo{width:131px}.hero-grid{min-height:595px;grid-template-columns:1.04fr 1fr}.hero-copy{padding:50px 32px}.hero h1{font-size:3.7rem}.hero .eyebrow{font-size:.75rem}.hero-buttons .btn{padding:14px 17px}.about-grid{gap:45px}.quote-grid{gap:40px}.service{padding:27px 23px}.section{padding:80px 0}}
@media(max-width:900px){.topbar-contact{gap:16px}.header-inner{min-height:87px}.site-logo{width:130px}.header-actions .btn{display:none}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;box-shadow:0 10px 20px #03132712;border-top:1px solid var(--line);padding:12px 32px 20px}.site-nav.open{display:block}.nav-list{display:block}.nav-list a{padding:12px 0;font-size:1rem}.hero-grid{grid-template-columns:1fr 1fr;min-height:600px}.hero h1{font-size:3.35rem}.hero-copy{padding:45px 30px}.hero .eyebrow{max-width:280px;font-size:.75rem}.hero-copy>p{font-size:1rem}.hero-buttons{display:grid;gap:12px}.hero-buttons .btn{width:100%}.hero-foot{font-size:.8125rem}.photo-caption{left:23px;right:23px;bottom:25px}.strip-grid{min-height:80px}.strip-grid>div{padding:0 14px;font-size:.875rem}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{gap:32px;align-items:start}.section-head>p{max-width:270px}.project-grid{gap:18px}.project h3{font-size:1.1875rem}.about-grid{gap:35px}.about-photo,.about-photo img{min-height:510px;height:510px}.coverage-grid{gap:35px}.process-grid{gap:22px;grid-template-columns:repeat(2,1fr)}.quote-grid{grid-template-columns:.8fr 1fr;gap:30px}.form-grid{grid-template-columns:1fr}.quote-form{padding:27px}.footer-top{display:block}.footer-nav{margin-top:25px}}
@media(max-width:640px){html{scroll-padding-top:87px}.wrap{padding:0 23px}.topbar .wrap{min-height:34px;font-size:.8125rem}.topbar .location-label{display:none}.topbar-contact{width:100%;justify-content:space-between;gap:15px}.topbar-contact a:first-child{display:none}.topbar-contact a:last-child{font-size:.8125rem}.topbar-contact::after{content:"Baja California · México";font-size:.75rem;align-self:center}.header-inner{min-height:83px}.site-logo{width:133px}.site-nav{padding:10px 23px 20px}.menu-toggle{font-size:.875rem}.hero-grid{display:block}.hero-copy{padding:45px 23px 40px}.hero h1{font-size:clamp(2.85rem,10.5vw,4rem);max-width:520px;margin-bottom:23px}.hero .eyebrow{max-width:100%;font-size:.75rem;letter-spacing:.095em;margin-bottom:23px}.hero-copy>p{max-width:480px;font-size:1rem}.hero-buttons{display:flex;width:100%;gap:11px;margin:27px 0 28px}.hero-buttons .btn{width:auto;flex:1;padding:14px 12px;font-size:.875rem}.hero-foot{font-size:.8125rem}.hero-photo{min-height:300px;height:300px}.hero-photo>img{object-position:50% 55%}.photo-caption{bottom:25px;left:23px}.photo-caption span{font-size:.75rem}.photo-caption strong{font-size:1rem}.strip-grid{grid-template-columns:repeat(2,1fr);min-height:108px;padding:6px 0}.strip-grid>div{padding:10px!important;font-size:.8125rem;border-right:0}.strip-grid>div:nth-child(odd){border-right:1px solid #ffffff30}.section{padding:65px 0}.section-head{display:block;margin-bottom:31px}.section-head h2{margin-top:13px}.section-head>p{max-width:none;margin-top:21px}.eyebrow{font-size:.8125rem;letter-spacing:.13em}h2{font-size:2.3rem;line-height:1.12}.services-grid{grid-template-columns:1fr}.service{padding:27px}.service-top{margin-bottom:26px}.service h3{max-width:none;font-size:1.35rem}.service>p{font-size:1rem}.service details{font-size:.9375rem}.service-label{font-size:.8125rem}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{aspect-ratio:1.4}.project h3{font-size:1.3rem;margin-top:18px}.project p{font-size:1rem}.gallery-line{display:block;margin-top:30px}.gallery-line .text-link{margin-top:15px}.about-grid{display:flex;flex-direction:column;gap:36px;align-items:stretch}.about-photo,.about-photo img{height:395px;min-height:395px}.about-photo{order:2}.about-photo img{object-position:50% 38%}.about-photo-label{font-size:1rem;padding:20px 24px}.commitments{margin-top:25px}.commitment{margin-bottom:21px}.coverage{padding:51px 0}.coverage-grid{grid-template-columns:1fr;gap:26px}.coverage h2{font-size:2.2rem}.coverage p{font-size:1rem;max-width:none}.process-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.process-step{padding-top:18px;display:grid;grid-template-columns:34px 1fr;gap:0 14px}.step-no{grid-row:1/3;margin:2px 0 0}.process-step h3{font-size:1.2rem;margin-bottom:9px}.process-step p{font-size:1rem}.quote-section{padding:60px 0}.quote-grid{grid-template-columns:1fr;gap:33px}.quote-copy h2{max-width:100%;font-size:2.3rem}.quote-copy>p{max-width:none}.contact-list{grid-template-columns:1fr;gap:20px}.contact-item a,.contact-item strong{font-size:1rem}.quote-form{padding:27px 23px}.quote-form h3{font-size:1.35rem}.form-grid{gap:19px}.field label{font-size:.875rem}.quote-form .btn{font-size:.9375rem;padding:15px 12px}.form-help{font-size:.8125rem}.site-footer{padding:35px 0 88px}.footer-top{padding-bottom:25px}.footer-brand strong{font-size:1.2rem}.footer-nav{gap:12px 22px}.footer-bottom{display:block;font-size:.8125rem}.footer-bottom span{display:block;margin-top:8px}.whatsapp-link{padding:11px 14px;right:15px;bottom:14px;font-size:.8125rem}.dialog-grid{grid-template-columns:1fr;padding:20px}.dialog-head{padding:16px 20px}.dialog-head h3{font-size:1.1rem}.dialog-close{min-width:65px}.gallery-dialog{width:calc(100% - 24px)}.post-list{grid-template-columns:1fr}.inner-page{padding-top:45px}.entry-title{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Ajustes para pantallas pequeñas y aumento del tamaño del texto. */
h1,h2,h3{overflow-wrap:anywhere}
@media(max-width:640px){.hero h1{font-size:clamp(2.45rem,11.5vw,4rem)}}
@media(max-width:380px){.topbar-contact::after{display:none}.hero-buttons{display:grid}.hero-buttons .btn{width:100%}}