/* Santander official web families: upload licensed WOFF2 files to template/font/ */ @font-face{font-family:'Santander Text';src:url('../font/SantanderTextW05-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap} @font-face{font-family:'Santander Text';src:url('../font/SantanderTextW05-Light.woff2') format('woff2');font-style:normal;font-weight:300;font-display:swap} @font-face{font-family:'Santander Text';src:url('../font/SantanderTextW05-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap} @font-face{font-family:'Santander Text';src:url('../font/SantanderTextW05-Italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap} @font-face{font-family:'Santander Text';src:url('../font/SantanderTextW05-LightIt.woff2') format('woff2');font-style:italic;font-weight:300;font-display:swap} @font-face{font-family:'Santander Text';src:url('../font/SantanderTextW05-BoldItalic.woff2') format('woff2');font-style:italic;font-weight:700;font-display:swap} @font-face{font-family:'Santander Headline';src:url('../font/SantanderHeadlineW05-Rg.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap} @font-face{font-family:'Santander Headline';src:url('../font/SantanderHeadlineW05-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap} @font-face{font-family:'Santander Headline';src:url('../font/SantanderHeadlineW05-Italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap} @font-face{font-family:'Santander Headline';src:url('../font/SantanderHeadlineW05-BoldIt.woff2') format('woff2');font-style:italic;font-weight:700;font-display:swap} /* Forense Elegante | Joomla 6 | Santander font supplied separately under license */ :root{--primary:#143549;--accent:#b68d68;--ink:#182e3b;--sub:#62717c;--paper:#f7f8f6;--line:#e4e8e8;--serif:'Santander Headline','Segoe UI',Arial,sans-serif;--sans:'Santander Text','Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:#996945}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(100% - 48px,1200px);margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:white;padding:10px}.skip-link:focus{left:10px}.topbar{background:#0e2a3b;color:#fff;font-size:.8rem}.topbar .container{padding-block:6px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{display:flex;align-items:center;gap:32px;min-height:96px}.brand{display:flex;align-items:center;gap:12px;min-width:200px;color:var(--ink)}.brand:hover{color:var(--ink)}.brand-emblem{font-family:var(--serif);color:var(--accent);font-size:3rem;line-height:1}.brand-logo{max-height:60px;max-width:125px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.3}.brand-text strong{font-size:1.25rem;letter-spacing:.11em}.brand-text small{color:#7f8b90;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;margin-top:5px}.main-navigation{flex:1}.main-navigation ul{display:flex;align-items:center;gap:26px;padding:0;margin:0;list-style:none}.main-navigation li{list-style:none}.main-navigation a{font-size:.86rem;color:#2b4050;font-weight:600}.main-navigation .current>a,.main-navigation .active>a,.main-navigation a:hover{color:#a47754}.header-search{max-width:210px}.header-search input{max-width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:6px}.menu-toggle{display:none;border:0;background:transparent;padding:9px}.menu-toggle span{display:block;width:26px;height:2px;background:var(--primary);margin:5px}.site-hero{background:linear-gradient(116deg,#f9faf7 20%,#eff3f2);overflow:hidden;border-bottom:1px solid #e8ecea}.hero-grid{min-height:490px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:45px}.hero-copy{padding:65px 0 75px;position:relative;z-index:2}.eyebrow{font-size:.73rem;letter-spacing:.19em;font-weight:700;color:#98734f;display:inline-flex;align-items:center;gap:12px}.eyebrow-rule{width:24px;height:1px;background:var(--accent)}h1,h2,h3,h4{color:#153448;line-height:1.2;font-weight:700}h1{font:700 clamp(2.6rem,4.8vw,4.6rem)/1.13 var(--serif);letter-spacing:-.025em;margin:24px 0}h2{font-size:1.8rem}h3{font-size:1.3rem}.hero-copy p{font-size:1.08rem;max-width:550px;color:#536977;margin-bottom:34px}.button-primary,.btn-primary,.btn.btn-primary{display:inline-flex;align-items:center;gap:22px;border-radius:4px;background:var(--primary);border:1px solid var(--primary);color:#fff;padding:13px 24px;font-size:.9rem;font-weight:700}.button-primary:hover,.btn-primary:hover{background:#244c60;color:#fff}.hero-art{height:395px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%}.orb-a{width:335px;height:335px;background:radial-gradient(circle at 30% 25%,#557487,#143549 65%,#102a3c);box-shadow:0 40px 70px #12324730;right:8%}.orb-b{width:310px;height:310px;border:1px solid #c6b09e;right:2%;top:8%}.glass-panel{width:242px;height:285px;border:1px solid #ffffff70;background:linear-gradient(150deg,#ffffff21,#ffffff06);backdrop-filter:blur(4px);box-shadow:0 28px 40px #091f3238;border-radius:8px;transform:rotate(-7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;z-index:2}.glass-symbol{color:#ead6bb;font:110px var(--serif);line-height:1}.glass-line{width:135px;height:3px;background:#e3e7e9a6}.glass-line.short{width:85px}.glass-dots{color:#c8b29b;font-size:9px;letter-spacing:12px}.art-label{position:absolute;bottom:7px;right:0;font-size:.64rem;letter-spacing:.22em;color:#56707c}.hero-modules,.breadcrumbs,.above-content,.below-content{margin-top:30px}.breadcrumbs{font-size:.85rem;color:var(--sub)}.page-layout{display:grid;gap:30px;align-items:start;min-height:300px;padding-block:48px 80px}.one-col{grid-template-columns:minmax(0,1fr)}.two-cols{grid-template-columns:minmax(0,1fr) 285px}.two-cols:has(.sidebar-left){grid-template-columns:285px minmax(0,1fr)}.three-cols{grid-template-columns:235px minmax(0,1fr) 235px}.content-area{min-width:0}.content-area>div,.content-area>article{max-width:100%}.content-area h1{font-size:clamp(2rem,3.6vw,3.4rem)}.content-area p,.content-area li{line-height:1.8}.content-area article,.blog .items-leading>div,.blog .blog-item,.item-page,.categories-list>div,.category-list{background:#fff;border:1px solid var(--line);border-radius:8px;padding:clamp(22px,3vw,42px);margin-bottom:22px}.content-area figure{margin:20px 0}.content-area figure img{border-radius:6px}.content-area blockquote{border-left:3px solid var(--accent);padding:8px 23px;margin:28px 0;background:#f3f6f4;color:#354b58}.content-area table{width:100%;border-collapse:collapse}.content-area th,.content-area td{border-bottom:1px solid var(--line);padding:12px;text-align:left}.content-area input:not([type=checkbox]),.content-area select,.content-area textarea{width:100%;max-width:100%;border:1px solid #ccd4d8;border-radius:5px;background:#fff;padding:11px 13px}.content-area label{font-weight:600}.page-header h1,.item-title{margin-top:0}.article-info,.article-info-term,.published,.category-name{font-size:.82rem;color:#7b8589}.item-image img{width:100%;object-fit:cover;border-radius:5px}.moduletable,.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:22px}.main-navigation .moduletable,.footer-widget .moduletable{padding:0;border:0;background:transparent;margin:0}.sidebar h3,.moduletable h3{font-size:1rem;border-bottom:1px solid var(--line);padding-bottom:12px;margin:0 0 17px}.directory-section{background:#eef2f0;padding:54px 0}.site-footer{background:#102d3e;color:#c4d0d5}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px;padding:64px 0 36px}.footer-brand{color:#fff;letter-spacing:.1em;font-weight:700;font-size:1.3rem}.footer-about p{max-width:320px;font-size:.9rem;color:#b8c7ce}.site-footer a{color:#e4ebeb}.site-footer h3{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff2c;padding:20px 0 30px;font-size:.77rem}.error-page{min-height:65vh;padding:12vh 0}.component-only .content-area{padding:40px 0}.pagination ul{display:flex;gap:8px;list-style:none;padding:0}.pagination a{display:block;background:#fff;border:1px solid var(--line);padding:7px 13px;border-radius:4px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px} /* com_peritos - generic visual integration without changing moderation logic */ [class*=peritos] .card,[class*=peritos] .profile,[class*=peritos] .listing{border-radius:9px} .com-peritos .btn,.com_peritos .btn{border-radius:4px} @media(max-width:1080px){.header-inner{gap:18px}.header-search{display:none}.main-navigation ul{gap:14px}.hero-grid{gap:10px}.three-cols{grid-template-columns:minmax(0,1fr) 250px}.three-cols .sidebar-left{display:none}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}} @media(max-width:780px){.container{width:min(100% - 32px,1200px)}.header-inner{min-height:74px;justify-content:space-between}.menu-toggle{display:block}.main-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:18px 25px;box-shadow:0 12px 22px #102a3b1f}.main-navigation.is-open{display:block}.main-navigation ul{flex-direction:column;align-items:flex-start;gap:0}.main-navigation li{width:100%;border-bottom:1px solid var(--line)}.main-navigation a{display:block;padding:12px 2px}.hero-grid{grid-template-columns:1fr;min-height:unset}.hero-copy{padding:62px 0}.hero-art{display:none}.page-layout,.two-cols,.two-cols:has(.sidebar-left),.three-cols{grid-template-columns:1fr;padding-block:30px 55px}.sidebar-left{order:2}.sidebar-right{order:3}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-about{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.brand-text strong{font-size:1.02rem}} @media(max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.hero-copy h1{font-size:2.65rem}.content-area article,.blog .blog-item,.item-page{padding:20px}.brand-text small{font-size:.51rem}} /* Identidad HPChile.cl · Criminalística Forense */ .brand-logo{max-width:230px;max-height:78px;width:auto;height:auto;object-fit:contain} .brand:has(.brand-logo) .brand-text-with-logo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:600px){.brand-logo{max-width:185px;max-height:65px}} /* Full-site typography: content, modules, directory, Joomla article views */ body,button,input,textarea,select,.moduletable,.com-content-article,.com-content-category,.com-tags-tag,.pagination,.breadcrumb,.main-navigation,.site-footer{font-family:var(--sans)!important} h1,h2,h3,h4,h5,h6,.page-header,.page-title,.article-title,.item-title,.site-hero h1,.card-title,.directory-title,.brand-text strong,.com-content-article__title,.com-content-category-blog__title{font-family:var(--serif)!important;font-weight:700;letter-spacing:-.018em} strong,b,.btn,.button,.main-navigation a{font-weight:700} blockquote{font-family:var(--serif);font-style:italic} /* HPChile multicolor: menú inspirado en el logo original 2018–2026 */ :root{--hp-blue:#468fc5;--hp-teal:#398b96;--hp-coral:#d96974;--hp-mustard:#f3a521;--hp-olive:#b2b96b;--hp-wine:#a86576} .site-header{background:#fff;border-bottom:1px solid #e5eaed;box-shadow:0 4px 18px #1a3f5410} .header-inner{min-height:108px;gap:24px;flex-wrap:wrap} .brand{min-width:300px;flex-shrink:0} .brand-logo{width:300px;max-width:300px;max-height:72px;object-fit:contain} .hpchile-palette-menu{align-self:stretch;display:flex;align-items:center;min-width:0} .hpchile-palette-menu ul{gap:3px;flex-wrap:wrap} .hpchile-palette-menu li{--hp-item-color:var(--hp-blue);position:relative} .hpchile-palette-menu li:nth-child(6n + 1){--hp-item-color:var(--hp-blue)} .hpchile-palette-menu li:nth-child(6n + 2){--hp-item-color:var(--hp-coral)} .hpchile-palette-menu li:nth-child(6n + 3){--hp-item-color:var(--hp-mustard)} .hpchile-palette-menu li:nth-child(6n + 4){--hp-item-color:var(--hp-teal)} .hpchile-palette-menu li:nth-child(6n + 5){--hp-item-color:var(--hp-olive)} .hpchile-palette-menu li:nth-child(6n){--hp-item-color:var(--hp-wine)} .hpchile-palette-menu li>a{display:block;font:700 .83rem/1.3 var(--sans)!important;letter-spacing:.01em;color:#304d60;padding:16px 12px 15px;border-radius:7px 7px 0 0;border-bottom:4px solid transparent;transition:background-color .18s,border-color .18s,color .18s} .hpchile-palette-menu li>a:hover,.hpchile-palette-menu li.active>a,.hpchile-palette-menu li.current>a{color:#17384c;background:color-mix(in srgb,var(--hp-item-color) 13%,white);border-bottom-color:var(--hp-item-color)} .hpchile-palette-menu li ul{display:none;position:absolute;top:100%;left:0;min-width:220px;z-index:35;background:white;border:1px solid #e6edef;border-top:3px solid var(--hp-item-color);box-shadow:0 14px 28px #15374b23;border-radius:0 0 8px 8px;padding:8px;gap:0} .hpchile-palette-menu li:hover>ul,.hpchile-palette-menu li:focus-within>ul{display:block} .hpchile-palette-menu li ul li{width:100%} .hpchile-palette-menu li ul a{border-bottom:0;border-radius:5px;padding:12px 13px} .hpchile-palette-menu li ul ul{left:100%;top:0} .hpchile-palette-menu li ul a:hover{border-bottom:0} .site-hero{background:linear-gradient(110deg,#fff 15%,#f1f8fb 100%)} .site-hero .eyebrow,.eyebrow{color:var(--hp-teal)} .site-hero .eyebrow-rule{background:var(--hp-coral)} .site-hero h1{color:#21465b} .site-hero .button-primary{background:var(--hp-blue);border-color:var(--hp-blue)} .site-hero .button-primary:hover{background:#2a719f} .content-area a:not(.btn):not(.button-primary):hover{color:var(--hp-teal)} .site-footer{background:#173d53} .site-footer:before{content:'';display:block;height:5px;background:linear-gradient(90deg,var(--hp-blue) 0 19%,var(--hp-teal) 19% 37%,var(--hp-olive) 37% 54%,var(--hp-mustard) 54% 70%,var(--hp-coral) 70% 86%,var(--hp-wine) 86% 100%)} @media(max-width:1250px){.header-inner{gap:14px}.brand{min-width:230px}.brand-logo{width:230px}.hpchile-palette-menu li>a{padding:13px 8px;font-size:.77rem}} @media(max-width:780px){.header-inner{flex-wrap:nowrap}.brand{min-width:0}.brand-logo{width:min(65vw,280px);max-height:68px}.hpchile-palette-menu{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:12px 16px 18px;box-shadow:0 14px 25px #15374b23;max-height:75vh;overflow-y:auto}.hpchile-palette-menu.is-open{display:block}.hpchile-palette-menu ul{flex-direction:column;align-items:stretch;gap:0}.hpchile-palette-menu li>a{padding:13px 16px;border-bottom:0;border-left:4px solid var(--hp-item-color);border-radius:0 6px 6px 0;margin-bottom:4px}.hpchile-palette-menu li ul,.hpchile-palette-menu li ul ul{display:block;position:static;box-shadow:none;border:0;border-left:1px solid #e6edef;border-radius:0;margin:0 0 8px 17px;padding:0 0 0 9px;min-width:unset}.hpchile-palette-menu li ul a{font-size:.78rem;padding:10px 12px}.hpchile-palette-menu li:hover>ul{display:block}} @media(max-width:480px){.brand-logo{width:min(70vw,235px)}.header-inner{min-height:80px}} /* v1.0.7: navegación horizontal independiente, bajo el logotipo */ .site-header{border-bottom:0} .header-inner{min-height:100px;justify-content:space-between;padding-top:12px;padding-bottom:12px} .navigation-bar{background:#fff;border-top:1px solid #e6edef;border-bottom:1px solid #e6edef;position:relative;z-index:19;box-shadow:0 5px 16px #193f5210} .navigation-inner{display:flex;align-items:center;justify-content:space-between;min-height:57px;gap:20px} .navigation-bar .main-navigation{display:flex;align-items:center;flex:1;min-width:0} .navigation-bar .main-navigation>div{width:100%} .navigation-bar .hpchile-palette-menu ul{gap:5px} .navigation-bar .hpchile-palette-menu li>a{padding:16px 17px 15px} .navigation-bar .header-search{margin-left:auto} @media(max-width:780px){ .header-inner{min-height:80px;flex-wrap:nowrap} .navigation-bar{border:0;box-shadow:none} .navigation-inner{min-height:0;display:block} .navigation-bar .hpchile-palette-menu{display:none;position:absolute;top:0;left:0;right:0;z-index:40;background:white;max-height:75vh;overflow-y:auto;padding:12px 16px 18px;box-shadow:0 14px 25px #15374b23} .navigation-bar .hpchile-palette-menu.is-open{display:block} .navigation-bar .hpchile-palette-menu>div{width:100%} .navigation-bar .hpchile-palette-menu ul{flex-direction:column;align-items:stretch;gap:0} .navigation-bar .hpchile-palette-menu li>a{padding:13px 16px} .navigation-bar .header-search{display:none} } /* HPChile v1.0.8 – Joomla 6: paginación de categorías y listas. Joomla puede crear