/*! site.css · ARCHIVO GENERADO — no editar a mano.
 *  Regenerar:  php tools/concatenar-css.php
 *  Origen (orden de cascada):
 *    - public/css/tailwind.min.css
 *    - public/css/base.css
 *    - public/css/theme.css
 *    - public/css/utilities.css
 *    - public/css/components.css
 *    - public/css/animations.css
 *    - public/css/picto-foundry-general.css
 *    - public/css/custom.css
 *  Generado: 2026-09-20 00:44
 */

/* ── public/css/tailwind.min.css ───────────────────────────────────────────── */
*,::after,::before{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:-moz-focusring{outline:auto}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::after,::before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-10{top:2.5rem}.-top-10{top:-2.5rem}.top-1\/2{top:50%}.right-4{right:1rem}.right-10{right:2.5rem}.-right-10{right:-2.5rem}.bottom-4{bottom:1rem}.bottom-10{bottom:2.5rem}.-bottom-10{bottom:-2.5rem}.left-10{left:2.5rem}.-left-10{left:-2.5rem}.left-1\/2{left:50%}.z-10{z-index:10}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-auto{margin-top:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-2{height:.5rem}.h-6{height:1.5rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-32{height:8rem}.h-36{height:9rem}.h-40{height:10rem}.h-44{height:11rem}.h-px{height:1px}.h-full{height:100%}.max-h-96{max-height:24rem}.min-h-screen{min-height:100vh}.w-2{width:.5rem}.w-6{width:1.5rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-36{width:9rem}.w-40{width:10rem}.w-64{width:16rem}.w-80{width:20rem}.w-full{width:100%}.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-y-1\/2{--tw-translate-y:-50%}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{100%,75%{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-x-3{column-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-red-700{--tw-border-opacity:1;border-color:rgba(185,28,28,var(--tw-border-opacity))}.border-green-700{--tw-border-opacity:1;border-color:rgba(4,120,87,var(--tw-border-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgba(16,185,129,var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgba(5,150,105,var(--tw-bg-opacity))}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-4{padding-top:1rem}.pt-10{padding-top:2.5rem}.pt-24{padding-top:6rem}.pb-2{padding-bottom:.5rem}.pb-12{padding-bottom:3rem}.pb-32{padding-bottom:8rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-red-300{--tw-text-opacity:1;color:rgba(252,165,165,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.group:hover .group-hover\:underline{text-decoration:underline}.hover\:underline:hover{text-decoration:underline}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-90{opacity:.9}.hover\:opacity-80:hover{opacity:.8}*,::after,::before{--tw-shadow:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}*,::after,::before{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-9{grid-column:span 9/span 9}.md\:block{display:block}.md\:h-48{height:12rem}.md\:w-1\/2{width:50%}.md\:w-1\/5{width:20%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:gap-10{gap:2.5rem}.md\:gap-12{gap:3rem}.md\:pl-8{padding-left:2rem}.md\:text-left{text-align:left}.md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.lg\:mx-0{margin-left:0;margin-right:0}.lg\:block{display:block}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:justify-start{justify-content:flex-start}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-left{text-align:left}}

/* ── public/css/base.css ───────────────────────────────────────────── */
* {
box-sizing: border-box;
text-decoration: none;
margin: 0;
}
@font-face {
font-family: 'GillSans';
src: url("../font/2A8A52_0_0.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
body {
margin: 0;
font-optical-sizing: auto;
font-style: normal;
position: relative;
}
section {
font-size: 20px;
}
[class^='icon-'] {
padding: 0.2em;
}
svg {
fill: currentColor;
}

/* ── public/css/theme.css ───────────────────────────────────────────── */
.bgc-1 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-1), var(--bg-alpha)); }
.bgc-2 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-2), var(--bg-alpha)); }
.bgc-3 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-3), var(--bg-alpha)); }
.bgc-4 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-4), var(--bg-alpha)); }
.bgc-5 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-5), var(--bg-alpha)); }
.bgc-6 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-6), var(--bg-alpha)); }
.bgc-7 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-7), var(--bg-alpha)); }
.bgc-8 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-8), var(--bg-alpha)); }
.bgc-9 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-9), var(--bg-alpha)); }
.bgc-10 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-10), var(--bg-alpha)); }
.bgc-11 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-11), var(--bg-alpha)); }
.bgc-12 { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-12), var(--bg-alpha)); }
.cl-white  { color: rgb(var(--plt-9)); }
.cl-black  { color: rgb(var(--plt-10)); }
.bgc-white { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-9), var(--bg-alpha)); }
.bgc-black { --bg-alpha: 1; background-image: none; background-color: rgba(var(--plt-10), var(--bg-alpha)); }
.cl-1 { color: rgb(var(--plt-1)); }
.cl-2 { color: rgb(var(--plt-2)); }
.cl-3 { color: rgb(var(--plt-3)); }
.cl-4 { color: rgb(var(--plt-4)); }
.cl-5 { color: rgb(var(--plt-5)); }
.cl-6 { color: rgb(var(--plt-6)); }
.cl-7 { color: rgb(var(--plt-7)); }
.cl-8 { color: rgb(var(--plt-8)); }
.cl-9 { color: rgb(var(--plt-9)); }
.cl-10 { color: rgb(var(--plt-10)); }
.cl-11 { color: rgb(var(--plt-11)); }
.cl-12 { color: rgb(var(--plt-12)); }
.ff-1 { font-family: ui-sans-serif, system-ui, "Segoe UI", Arial, Helvetica, sans-serif; }
.ff-2 { font-family: Georgia, "Times New Roman", Times, serif; }
.ff-3 { font-family: Consolas, "Courier New", ui-monospace, monospace; }
.ff-sans    { font-family: ui-sans-serif, system-ui, "Segoe UI", Arial, Helvetica, sans-serif; }
.ff-serif   { font-family: Georgia, "Times New Roman", Times, serif; }
.ff-mono    { font-family: Consolas, "Courier New", ui-monospace, monospace; }
.ff-arial   { font-family: Arial, Helvetica, "Helvetica Neue", sans-serif; }
.ff-georgia { font-family: Georgia, "Times New Roman", Times, serif; }
.ff-times   { font-family: "Times New Roman", Times, serif; }
.ff-tahoma  { font-family: Tahoma, Verdana, Geneva, sans-serif; }
.brc-1  { border-color: rgb(var(--plt-1)); }
.brc-2  { border-color: rgb(var(--plt-2)); }
.brc-3  { border-color: rgb(var(--plt-3)); }
.brc-4  { border-color: rgb(var(--plt-4)); }
.brc-5  { border-color: rgb(var(--plt-5)); }
.brc-6  { border-color: rgb(var(--plt-6)); }
.brc-7  { border-color: rgb(var(--plt-7)); }
.brc-8  { border-color: rgb(var(--plt-8)); }
.brc-9  { border-color: rgb(var(--plt-9)); }
.brc-10 { border-color: rgb(var(--plt-10)); }
.brc-11 { border-color: rgb(var(--plt-11)); }
.brc-12 { border-color: rgb(var(--plt-12)); }
.bga-0i0 { --bg-alpha: 0; }
.bga-0i1 { --bg-alpha: 0.1; }
.bga-0i2 { --bg-alpha: 0.2; }
.bga-0i3 { --bg-alpha: 0.3; }
.bga-0i4 { --bg-alpha: 0.4; }
.bga-0i5 { --bg-alpha: 0.5; }
.bga-0i6 { --bg-alpha: 0.6; }
.bga-0i7 { --bg-alpha: 0.7; }
.bga-0i8 { --bg-alpha: 0.8; }
.bga-0i9 { --bg-alpha: 0.9; }
.bgc-lg-1 { --bg-alpha: 1; background-image: linear-gradient(135deg, rgba(var(--plt-1), var(--bg-alpha)), rgba(var(--plt-2), var(--bg-alpha))); }
.bgc-rg-2 { --bg-alpha: 1; background-image: radial-gradient(circle at 30% 30%, rgba(var(--plt-1), var(--bg-alpha)), rgba(var(--plt-2), var(--bg-alpha))); }
.bgc-no { background: repeating-linear-gradient(45deg, #e2e8f0 0px, #e2e8f0 3px, #f8fafc 3px, #f8fafc 6px); }
.cl-no { color: inherit; }
.paleta-demo { max-width: 920px; margin: 0 auto; padding: 24px; }
.paleta-demo h1 { font-size: 24px; margin-bottom: 6px; }
.paleta-demo h2 { font-size: 18px; margin: 24px 0 12px; }
.paleta-sub { color: #94a3b8; margin-bottom: 8px; }
.swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.swatch { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }
.muestra { height: 80px; }
.swatch .meta { padding: 8px 10px; }
.swatch code { display: block; font-size: 12px; color: #475569; margin-bottom: 6px; }
.paleta-input { width: 100%; height: 34px; border: none; padding: 0; cursor: pointer; background: transparent; }
.textos { display: flex; flex-wrap: wrap; gap: 18px; background: #0f172a; padding: 18px; border-radius: 10px; font-weight: 600; font-size: 18px; }
.btn-reset { margin-top: 24px; padding: 10px 18px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; cursor: pointer; font-size: 14px; font-weight: 600; }
.btn-reset:hover { background: #f1f5f9; }
.cubo-color {
width: 40px;
height: 40px;
padding: 0;
border: 1px solid #e2e8f0;
border-radius: 8px;
cursor: pointer;
background: transparent;
}
.cubo-color::-webkit-color-swatch-wrapper { padding: 0; }
.cubo-color::-webkit-color-swatch { border: none; border-radius: 6px; }
.cubo-color::-moz-color-swatch { border: none; border-radius: 6px; }

/* ── public/css/utilities.css ───────────────────────────────────────────── */
.h-25vh  { height: 25vh; }
.h-50vh  { height: 50vh; }
.h-75vh  { height: 75vh; }
.h-100vh { height: 100vh; }
.img-cover {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.p-ab {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 40%;
}
.p-re {
position: relative;
}
@media (min-width: 2000px) {
body {
width: 1920px;
margin: 0 auto;
position: relative;
font-size: medium;
}
.h-25vh  { height: 180px; }
.h-50vh  { height: 360px; }
.h-75vh  { height: 480px; }
.h-100vh { height: 720px; }
.header-a { width: 1920px; }
}

/* ── public/css/components.css ───────────────────────────────────────────── */
.header-a {
height: 4em;
width: 100%;
position: fixed;
top: 0;
z-index: 11;
}
.header-a > div {
display: inline-block;
}
.header-a nav {
transform: translateX(100%);
transition: 0.5s;
max-height: 0;
overflow: hidden;
position: absolute;
width: 16em;
right: 0;
}
.header-a > div:last-child {
position: relative;
float: right;
width: 3em;
height: 3em;
}
.header-a > div:last-child:hover nav,
.header-a > div:last-child.open nav {
max-height: 100vh;
transform: none;
}
.header-a a {
display: block;
}
.header-a > div img {
height: 3em;
width: auto;
}
.menu-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: none;
border: none;
color: currentColor;
cursor: pointer;
padding: 0;
}
#header {
padding: 0.5em 0 0.5em 2%;
}
#header > div:last-child {
border-radius: 100%;
padding: 0.3em;
cursor: pointer;
}
#header nav {
border-left: 1px solid rgb(var(--plt-3));
z-index: 10;
}
#header nav a {
font-size: 20px;
padding: 0 0.3em;
transition: 0.5s;
}
#header nav span {
font-size: 28px;
}
#header nav a:hover {
color: white;
}
.menu-toggle:hover {
color: rgb(var(--plt-9));
}
#header nav a.menu-hijo {
display: block;
font-size: 15px;
padding-left: 1.4em;
}
.banner {
position: relative;
overflow: hidden;
}
.banner > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.banner > section,
.banner > div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.banner > nav {
position: absolute;
width: 100%;
bottom: 0;
text-align: center;
z-index: 10;
}
.banner > nav i {
display: inline-block;
height: 0.2em;
margin: 0.2em;
width: 2em;
border-radius: 0.1em;
background: white;
opacity: 0.5;
}
.banner > nav > button {
bottom: 0;
border: none;
background: none;
color: white;
padding: 0;
margin: 0;
opacity: 0;
}
.banner > nav:hover button {
opacity: 0.5;
}
.banner > nav > button:hover {
opacity: 1;
}
.galeria-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.8);
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}
.galeria-overlay.abierta {
display: flex;
}
.galeria-overlay img {
max-width: 90vw;
max-height: 90vh;
object-fit: contain;
border-radius: 0.5rem;
will-change: transform, opacity;
}
.galeria-img {
cursor: pointer;
}
.galeria-overlay button {
position: absolute;
border: none;
background: none;
color: white;
opacity: 0.7;
padding: 1em;
cursor: pointer;
}
.galeria-overlay button:hover {
opacity: 1;
}
.galeria-cerrar {
top: 1em;
right: 1em;
}
.galeria-before {
left: 0.5em;
top: 50%;
transform: translateY(-50%);
}
.galeria-after {
right: 0.5em;
top: 50%;
transform: translateY(-50%);
}
.galeria-contador {
position: absolute;
bottom: 1em;
left: 50%;
transform: translateX(-50%);
color: white;
background: rgba(0, 0, 0, 0.5);
padding: 0.25em 0.75em;
border-radius: 1em;
font-size: 0.875rem;
}
.youtube {
position: relative;
width: 100%;
overflow: hidden;
}
.youtube svg {
display: block;
width: 100%;
height: auto;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
border-radius: 2px;
}
.section-divider {
height: 1px;
background: linear-gradient(to right, transparent, rgb(var(--plt-3)), transparent);
}
.parent {
z-index: 1;
}
.parent::after {
content: '';
position: absolute;
top: 0;
left: -25%;
width: 120%;
height: 100%;
background: rgb(var(--plt-4));
opacity: 0.9;
transform: skewX(-25deg);
z-index: -1;
}
.value-item {
transition: all 0.3s ease;
border-left: 3px solid rgb(var(--plt-1));
}
.value-item:hover {
border-left-color: rgb(var(--plt-3));
transform: translateX(8px);
}
.contact-item {
transition: all 0.3s ease;
border-left: 3px solid rgb(var(--plt-2));
}
.contact-item:hover {
border-left-color: rgb(var(--plt-1));
transform: translateX(8px);
}
.map-container {
border: 1px solid rgb(var(--plt-3));
}
.noticias {
vertical-align: top;
position: relative;
width: calc(80% - 1em);
display: inline-block;
}
.noticias-recientes {
vertical-align: top;
position: relative;
width: calc(20% - 1em);
display: inline-block;
}
@media (max-width: 720px) {
.parent { overflow: hidden; }
.exito { width: 100%; }
}
.footer-link {
color: inherit;
transition: color .2s ease;
}
.footer-link:hover {
color: rgb(var(--plt-9));
}
footer,
footer h3,
footer p,
footer a,
footer span {
font-weight: 400;
}
footer .footer-link {
text-transform: lowercase;
}
footer .footer-link::first-letter {
text-transform: uppercase;
}
.share-botones {
display: flex;
flex-wrap: wrap;
gap: .75rem;
}
.share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: .5rem .75rem;
border-radius: .5rem;
transition: color .2s ease;
}
.share-btn:hover {
color: rgb(var(--plt-9));
}
.share-icono {
display: block;
width: 28px;
height: 28px;
fill: currentColor;
}

/* ── public/css/animations.css ───────────────────────────────────────────── */
.floating-element {
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0%   { transform: translateY(0px); }
50%  { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}
.floating {
animation: floating 8s ease-in-out infinite;
}
@keyframes floating {
0%   { transform: translateY(0px) rotate(0deg); }
50%  { transform: translateY(-20px) rotate(5deg); }
100% { transform: translateY(0px) rotate(0deg); }
}
.pulse {
animation: pulse 4s ease-in-out infinite;
}
@keyframes pulse {
0%   { transform: scale(1); }
50%  { transform: scale(1.05); }
100% { transform: scale(1); }
}
@keyframes fade-in {
from { opacity: 0; transform: translateY(20px); }
to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
animation: fade-in 0.4s ease;
}

/* ── public/css/picto-foundry-general.css ───────────────────────────────────────────── */
@font-face {
font-family: "picto-foundry-emotions";
src:url("../font/picto-foundry-emotions.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[data-icon]:before {
font-family: "picto-foundry-emotions";
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-angel:before,
.icon-angry-sick:before,
.icon-angry:before,
.icon-bitter:before,
.icon-concerned:before,
.icon-cool:before,
.icon-crushing:before,
.icon-cyclopse:before,
.icon-dead:before,
.icon-depressed:before,
.icon-devil:before,
.icon-disappointed-1:before,
.icon-disappointed-2:before,
.icon-excited-smirk:before,
.icon-excited:before,
.icon-expletive:before,
.icon-feeling-loved:before,
.icon-geeky:before,
.icon-greedy:before,
.icon-grumpy:before,
.icon-happy-content:before,
.icon-happy-wink:before,
.icon-happy:before,
.icon-hard-laugh:before,
.icon-in-love:before,
.icon-joyful:before,
.icon-laughing:before,
.icon-looking-shocked:before,
.icon-looking-smirk:before,
.icon-looking-talking:before,
.icon-loving:before,
.icon-no-snitching:before,
.icon-not-excited:before,
.icon-question:before,
.icon-quiet-laugh:before,
.icon-quiet:before,
.icon-sad:before,
.icon-sick:before,
.icon-silly:before,
.icon-sneaky-wink:before,
.icon-sneaky:before,
.icon-speechless:before,
.icon-surprised:before,
.icon-thumbs-down-fill:before,
.icon-thumbs-down:before,
.icon-thumbs-up-fill:before,
.icon-thumbs-up:before,
.icon-tired:before,
.icon-whistle-blower:before,
.icon-yawning:before,
.icon-yelling-disbelief:before,
.icon-yelling:before {
font-family: "picto-foundry-emotions";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
vertical-align: middle;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
text-decoration: inherit;
}
.icon-angel:before { content: "\f100"; }
.icon-angry-sick:before { content: "\f101"; }
.icon-angry:before { content: "\f102"; }
.icon-bitter:before { content: "\f103"; }
.icon-concerned:before { content: "\f104"; }
.icon-cool:before { content: "\f105"; }
.icon-crushing:before { content: "\f106"; }
.icon-cyclopse:before { content: "\f107"; }
.icon-dead:before { content: "\f108"; }
.icon-depressed:before { content: "\f109"; }
.icon-devil:before { content: "\f10a"; }
.icon-disappointed-1:before { content: "\f10b"; }
.icon-disappointed-2:before { content: "\f10c"; }
.icon-excited-smirk:before { content: "\f10d"; }
.icon-excited:before { content: "\f10e"; }
.icon-expletive:before { content: "\f10f"; }
.icon-feeling-loved:before { content: "\f110"; }
.icon-geeky:before { content: "\f111"; }
.icon-greedy:before { content: "\f112"; }
.icon-grumpy:before { content: "\f113"; }
.icon-happy-content:before { content: "\f114"; }
.icon-happy-wink:before { content: "\f115"; }
.icon-happy:before { content: "\f116"; }
.icon-hard-laugh:before { content: "\f117"; }
.icon-in-love:before { content: "\f118"; }
.icon-joyful:before { content: "\f119"; }
.icon-laughing:before { content: "\f11a"; }
.icon-looking-shocked:before { content: "\f11b"; }
.icon-looking-smirk:before { content: "\f11c"; }
.icon-looking-talking:before { content: "\f11d"; }
.icon-loving:before { content: "\f11e"; }
.icon-no-snitching:before { content: "\f11f"; }
.icon-not-excited:before { content: "\f120"; }
.icon-question:before { content: "\f121"; }
.icon-quiet-laugh:before { content: "\f122"; }
.icon-quiet:before { content: "\f123"; }
.icon-sad:before { content: "\f124"; }
.icon-sick:before { content: "\f125"; }
.icon-silly:before { content: "\f126"; }
.icon-sneaky-wink:before { content: "\f127"; }
.icon-sneaky:before { content: "\f128"; }
.icon-speechless:before { content: "\f129"; }
.icon-surprised:before { content: "\f12a"; }
.icon-thumbs-down-fill:before { content: "\f12b"; }
.icon-thumbs-down:before { content: "\f12c"; }
.icon-thumbs-up-fill:before { content: "\f12d"; }
.icon-thumbs-up:before { content: "\f12e"; }
.icon-tired:before { content: "\f12f"; }
.icon-whistle-blower:before { content: "\f130"; }
.icon-yawning:before { content: "\f131"; }
.icon-yelling-disbelief:before { content: "\f132"; }
.icon-yelling:before { content: "\f133"; }
@font-face {
font-family: "picto-foundry-general";
src: url("../font/picto-foundry-general.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[data-icon]:before {
font-family: "picto-foundry-general";
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-add-symbol:before,
.icon-address-book:before,
.icon-alert:before,
.icon-app-icon:before,
.icon-battery-full:before,
.icon-battery-low:before,
.icon-bell-fill:before,
.icon-bell:before,
.icon-bin:before,
.icon-bluetooth-thick:before,
.icon-bluetooth:before,
.icon-bookmark:before,
.icon-briefcase-1:before,
.icon-briefcase-2:before,
.icon-browser-check:before,
.icon-browser-heart:before,
.icon-browser-location:before,
.icon-browser-star:before,
.icon-browser:before,
.icon-building:before,
.icon-bulleted-list:before,
.icon-calendar-1:before,
.icon-calendar-2:before,
.icon-cancel:before,
.icon-categories:before,
.icon-checkmark-thick:before,
.icon-checkmark:before,
.icon-cigarette:before,
.icon-circle-delete:before,
.icon-cloud-download:before,
.icon-cloud-upload:before,
.icon-collage:before,
.icon-comment-1:before,
.icon-comment-2:before,
.icon-comment-add:before,
.icon-comment-fill-1:before,
.icon-comment-fill-2:before,
.icon-comment-heart-2:before,
.icon-comment-heart-fill:before,
.icon-comment-heart:before,
.icon-comment-star-fill:before,
.icon-comment-star:before,
.icon-comment-typing:before,
.icon-compose:before,
.icon-computer-mouse:before,
.icon-connection:before,
.icon-contrast:before,
.icon-copyright:before,
.icon-crop-tool:before,
.icon-cross-fill:before,
.icon-cross:before,
.icon-crossing:before,
.icon-crown:before,
.icon-delete-bin:before,
.icon-delete-symbol:before,
.icon-dial-pad:before,
.icon-document-add:before,
.icon-document-bar:before,
.icon-document-blank-fill:before,
.icon-document-blank:before,
.icon-document-check:before,
.icon-document-delete:before,
.icon-document-heart:before,
.icon-document-line:before,
.icon-document-open:before,
.icon-document-sub:before,
.icon-documents-bar:before,
.icon-documents-check:before,
.icon-documents-fill:before,
.icon-documents-heart:before,
.icon-documents-line:before,
.icon-documents:before,
.icon-download-1:before,
.icon-download-2:before,
.icon-download-all:before,
.icon-easel:before,
.icon-envelope-1:before,
.icon-envelope-2:before,
.icon-envelope-3:before,
.icon-envelope-fill-1:before,
.icon-factory:before,
.icon-file-box:before,
.icon-filing-cabinet:before,
.icon-flag-1:before,
.icon-flag-2:before,
.icon-floppy-disk:before,
.icon-folder-add:before,
.icon-folder-check:before,
.icon-folder-delete:before,
.icon-folder-fill:before,
.icon-folder-open:before,
.icon-folder-sub:before,
.icon-folder:before,
.icon-ghost:before,
.icon-graduation:before,
.icon-group:before,
.icon-hammer:before,
.icon-high-definition:before,
.icon-hour-glass:before,
.icon-identification:before,
.icon-inbox-1:before,
.icon-inbox-2:before,
.icon-inbox-3:before,
.icon-inbox-fill-1:before,
.icon-inbox-fill-2:before,
.icon-information:before,
.icon-link:before,
.icon-location-pin:before,
.icon-lock-fill:before,
.icon-lock:before,
.icon-manager:before,
.icon-minus-symbol:before,
.icon-mirror:before,
.icon-new-window:before,
.icon-newspaper:before,
.icon-note-pad:before,
.icon-outbox-fill:before,
.icon-outbox:before,
.icon-paint-brushes:before,
.icon-paint-palette:before,
.icon-paper-document-image:before,
.icon-paper-document:before,
.icon-paper-documents-image:before,
.icon-paper-documents:before,
.icon-paper-stack:before,
.icon-paperclip:before,
.icon-path-tool:before,
.icon-phone-fill:before,
.icon-phone:before,
.icon-plane-fill:before,
.icon-plane:before,
.icon-power-on:before,
.icon-presentation:before,
.icon-printer:before,
.icon-projector-screen-bar:before,
.icon-projector-screen-line:before,
.icon-projector-screen:before,
.icon-quotes:before,
.icon-rook:before,
.icon-ruler:before,
.icon-save:before,
.icon-scissors:before,
.icon-scope:before,
.icon-search-add:before,
.icon-search-sub:before,
.icon-search:before,
.icon-server:before,
.icon-settings-wheel-fill:before,
.icon-settings-wheel:before,
.icon-share:before,
.icon-shield:before,
.icon-signal:before,
.icon-sliders:before,
.icon-star-of-david:before,
.icon-task-check:before,
.icon-think-bubbles:before,
.icon-tic-tac-toe:before,
.icon-time-clock:before,
.icon-trash-can:before,
.icon-unlock-fill:before,
.icon-unlock:before,
.icon-upload:before,
.icon-usb:before,
.icon-user-1:before,
.icon-user-2:before,
.icon-venn-diagram:before,
.icon-view-more-fill:before,
.icon-view-more:before,
.icon-wifi-1:before,
.icon-wifi-2:before,
.icon-wrench-fill:before,
.icon-wrench:before {
font-family: "picto-foundry-general";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
vertical-align: middle;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
text-decoration: inherit;
}
.icon-add-symbol:before { content: "\f100"; }
.icon-address-book:before { content: "\f101"; }
.icon-alert:before { content: "\f102"; }
.icon-app-icon:before { content: "\f103"; }
.icon-battery-full:before { content: "\f104"; }
.icon-battery-low:before { content: "\f105"; }
.icon-bell-fill:before { content: "\f106"; }
.icon-bell:before { content: "\f107"; }
.icon-bin:before { content: "\f108"; }
.icon-bluetooth-thick:before { content: "\f109"; }
.icon-bluetooth:before { content: "\f10a"; }
.icon-bookmark:before { content: "\f10b"; }
.icon-briefcase-1:before { content: "\f10c"; }
.icon-briefcase-2:before { content: "\f10d"; }
.icon-browser-check:before { content: "\f10e"; }
.icon-browser-heart:before { content: "\f10f"; }
.icon-browser-location:before { content: "\f110"; }
.icon-browser-star:before { content: "\f111"; }
.icon-browser:before { content: "\f112"; }
.icon-building:before { content: "\f113"; }
.icon-bulleted-list:before { content: "\f114"; }
.icon-calendar-1:before { content: "\f115"; }
.icon-calendar-2:before { content: "\f116"; }
.icon-cancel:before { content: "\f117"; }
.icon-categories:before { content: "\f118"; }
.icon-checkmark-thick:before { content: "\f119"; }
.icon-checkmark:before { content: "\f11a"; }
.icon-cigarette:before { content: "\f11b"; }
.icon-circle-delete:before { content: "\f11c"; }
.icon-cloud-download:before { content: "\f11d"; }
.icon-cloud-upload:before { content: "\f11e"; }
.icon-collage:before { content: "\f11f"; }
.icon-comment-1:before { content: "\f120"; }
.icon-comment-2:before { content: "\f121"; }
.icon-comment-add:before { content: "\f122"; }
.icon-comment-fill-1:before { content: "\f123"; }
.icon-comment-fill-2:before { content: "\f124"; }
.icon-comment-heart-2:before { content: "\f125"; }
.icon-comment-heart-fill:before { content: "\f126"; }
.icon-comment-heart:before { content: "\f127"; }
.icon-comment-star-fill:before { content: "\f128"; }
.icon-comment-star:before { content: "\f129"; }
.icon-comment-typing:before { content: "\f12a"; }
.icon-compose:before { content: "\f12b"; }
.icon-computer-mouse:before { content: "\f12c"; }
.icon-connection:before { content: "\f12d"; }
.icon-contrast:before { content: "\f12e"; }
.icon-copyright:before { content: "\f12f"; }
.icon-crop-tool:before { content: "\f130"; }
.icon-cross-fill:before { content: "\f131"; }
.icon-cross:before { content: "\f132"; }
.icon-crossing:before { content: "\f133"; }
.icon-crown:before { content: "\f134"; }
.icon-delete-bin:before { content: "\f135"; }
.icon-delete-symbol:before { content: "\f136"; }
.icon-dial-pad:before { content: "\f137"; }
.icon-document-add:before { content: "\f138"; }
.icon-document-bar:before { content: "\f139"; }
.icon-document-blank-fill:before { content: "\f13a"; }
.icon-document-blank:before { content: "\f13b"; }
.icon-document-check:before { content: "\f13c"; }
.icon-document-delete:before { content: "\f13d"; }
.icon-document-heart:before { content: "\f13e"; }
.icon-document-line:before { content: "\f13f"; }
.icon-document-open:before { content: "\f140"; }
.icon-document-sub:before { content: "\f141"; }
.icon-documents-bar:before { content: "\f142"; }
.icon-documents-check:before { content: "\f143"; }
.icon-documents-fill:before { content: "\f144"; }
.icon-documents-heart:before { content: "\f145"; }
.icon-documents-line:before { content: "\f146"; }
.icon-documents:before { content: "\f147"; }
.icon-download-1:before { content: "\f148"; }
.icon-download-2:before { content: "\f149"; }
.icon-download-all:before { content: "\f14a"; }
.icon-easel:before { content: "\f14b"; }
.icon-envelope-1:before { content: "\f14c"; }
.icon-envelope-2:before { content: "\f14d"; }
.icon-envelope-3:before { content: "\f14e"; }
.icon-envelope-fill-1:before { content: "\f14f"; }
.icon-factory:before { content: "\f150"; }
.icon-file-box:before { content: "\f151"; }
.icon-filing-cabinet:before { content: "\f152"; }
.icon-flag-1:before { content: "\f153"; }
.icon-flag-2:before { content: "\f154"; }
.icon-floppy-disk:before { content: "\f155"; }
.icon-folder-add:before { content: "\f156"; }
.icon-folder-check:before { content: "\f157"; }
.icon-folder-delete:before { content: "\f158"; }
.icon-folder-fill:before { content: "\f159"; }
.icon-folder-open:before { content: "\f15a"; }
.icon-folder-sub:before { content: "\f15b"; }
.icon-folder:before { content: "\f15c"; }
.icon-ghost:before { content: "\f15d"; }
.icon-graduation:before { content: "\f15e"; }
.icon-group:before { content: "\f15f"; }
.icon-hammer:before { content: "\f160"; }
.icon-high-definition:before { content: "\f161"; }
.icon-hour-glass:before { content: "\f162"; }
.icon-identification:before { content: "\f163"; }
.icon-inbox-1:before { content: "\f164"; }
.icon-inbox-2:before { content: "\f165"; }
.icon-inbox-3:before { content: "\f166"; }
.icon-inbox-fill-1:before { content: "\f167"; }
.icon-inbox-fill-2:before { content: "\f168"; }
.icon-information:before { content: "\f169"; }
.icon-link:before { content: "\f16a"; }
.icon-location-pin:before { content: "\f16b"; }
.icon-lock-fill:before { content: "\f16c"; }
.icon-lock:before { content: "\f16d"; }
.icon-manager:before { content: "\f16e"; }
.icon-minus-symbol:before { content: "\f16f"; }
.icon-mirror:before { content: "\f170"; }
.icon-new-window:before { content: "\f171"; }
.icon-newspaper:before { content: "\f172"; }
.icon-note-pad:before { content: "\f173"; }
.icon-outbox-fill:before { content: "\f174"; }
.icon-outbox:before { content: "\f175"; }
.icon-paint-brushes:before { content: "\f176"; }
.icon-paint-palette:before { content: "\f177"; }
.icon-paper-document-image:before { content: "\f178"; }
.icon-paper-document:before { content: "\f179"; }
.icon-paper-documents-image:before { content: "\f17a"; }
.icon-paper-documents:before { content: "\f17b"; }
.icon-paper-stack:before { content: "\f17c"; }
.icon-paperclip:before { content: "\f17d"; }
.icon-path-tool:before { content: "\f17e"; }
.icon-phone-fill:before { content: "\f17f"; }
.icon-phone:before { content: "\f180"; }
.icon-plane-fill:before { content: "\f181"; }
.icon-plane:before { content: "\f182"; }
.icon-power-on:before { content: "\f183"; }
.icon-presentation:before { content: "\f184"; }
.icon-printer:before { content: "\f185"; }
.icon-projector-screen-bar:before { content: "\f186"; }
.icon-projector-screen-line:before { content: "\f187"; }
.icon-projector-screen:before { content: "\f188"; }
.icon-quotes:before { content: "\f189"; }
.icon-rook:before { content: "\f18a"; }
.icon-ruler:before { content: "\f18b"; }
.icon-save:before { content: "\f18c"; }
.icon-scissors:before { content: "\f18d"; }
.icon-scope:before { content: "\f18e"; }
.icon-search-add:before { content: "\f18f"; }
.icon-search-sub:before { content: "\f190"; }
.icon-search:before { content: "\f191"; }
.icon-server:before { content: "\f192"; }
.icon-settings-wheel-fill:before { content: "\f193"; }
.icon-settings-wheel:before { content: "\f194"; }
.icon-share:before { content: "\f195"; }
.icon-shield:before { content: "\f196"; }
.icon-signal:before { content: "\f197"; }
.icon-sliders:before { content: "\f198"; }
.icon-star-of-david:before { content: "\f199"; }
.icon-task-check:before { content: "\f19a"; }
.icon-think-bubbles:before { content: "\f19b"; }
.icon-tic-tac-toe:before { content: "\f19c"; }
.icon-time-clock:before { content: "\f19d"; }
.icon-trash-can:before { content: "\f19e"; }
.icon-unlock-fill:before { content: "\f19f"; }
.icon-unlock:before { content: "\f1a0"; }
.icon-upload:before { content: "\f1a1"; }
.icon-usb:before { content: "\f1a2"; }
.icon-user-1:before { content: "\f1a3"; }
.icon-user-2:before { content: "\f1a4"; }
.icon-venn-diagram:before { content: "\f1a5"; }
.icon-view-more-fill:before { content: "\f1a6"; }
.icon-view-more:before { content: "\f1a7"; }
.icon-wifi-1:before { content: "\f1a8"; }
.icon-wifi-2:before { content: "\f1a9"; }
.icon-wrench-fill:before { content: "\f1aa"; }
.icon-wrench:before { content: "\f1ab"; }
@font-face {
font-family: "picto-foundry-household";
src:url("../font/picto-foundry-household.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[data-icon]:before {
font-family: "picto-foundry-household";
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-alarm-clock:before,
.icon-baby-monitor:before,
.icon-bar-stool:before,
.icon-bed:before,
.icon-book-shelf:before,
.icon-broom:before,
.icon-cabinet:before,
.icon-chair-1:before,
.icon-chair-2:before,
.icon-crib:before,
.icon-dish-washer:before,
.icon-door-key:before,
.icon-door:before,
.icon-fence:before,
.icon-garbage-can:before,
.icon-garden-rake:before,
.icon-garden-spade:before,
.icon-gate:before,
.icon-globe:before,
.icon-home-1:before,
.icon-home-2:before,
.icon-home-fill-1:before,
.icon-hung-picture:before,
.icon-lamp-1:before,
.icon-lamp-2:before,
.icon-lamp-3:before,
.icon-light-bulb:before,
.icon-light-fixture:before,
.icon-light-switch:before,
.icon-microwave:before,
.icon-pain-can:before,
.icon-paint-brush:before,
.icon-paint-roller:before,
.icon-plug-fill:before,
.icon-plug:before,
.icon-plunger:before,
.icon-recycle:before,
.icon-refrigerator-1:before,
.icon-refrigerator-2:before,
.icon-shovel:before,
.icon-soap-bottle:before,
.icon-sofa-chair:before,
.icon-stove-top:before,
.icon-stove-vent:before,
.icon-swing:before,
.icon-table-1:before,
.icon-table-2:before,
.icon-thermostat:before,
.icon-toilet:before,
.icon-washer-dryer:before,
.icon-window-1:before,
.icon-window-2:before,
.icon-window-3:before {
font-family: "picto-foundry-household";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
vertical-align: middle;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
text-decoration: inherit;
}
.icon-alarm-clock:before { content: "\f100"; }
.icon-baby-monitor:before { content: "\f101"; }
.icon-bar-stool:before { content: "\f102"; }
.icon-bed:before { content: "\f103"; }
.icon-book-shelf:before { content: "\f104"; }
.icon-broom:before { content: "\f105"; }
.icon-cabinet:before { content: "\f106"; }
.icon-chair-1:before { content: "\f107"; }
.icon-chair-2:before { content: "\f108"; }
.icon-crib:before { content: "\f109"; }
.icon-dish-washer:before { content: "\f10a"; }
.icon-door-key:before { content: "\f10b"; }
.icon-door:before { content: "\f10c"; }
.icon-fence:before { content: "\f10d"; }
.icon-garbage-can:before { content: "\f10e"; }
.icon-garden-rake:before { content: "\f10f"; }
.icon-garden-spade:before { content: "\f110"; }
.icon-gate:before { content: "\f111"; }
.icon-globe:before { content: "\f112"; }
.icon-home-1:before { content: "\f113"; }
.icon-home-2:before { content: "\f114"; }
.icon-home-fill-1:before { content: "\f115"; }
.icon-hung-picture:before { content: "\f116"; }
.icon-lamp-1:before { content: "\f117"; }
.icon-lamp-2:before { content: "\f118"; }
.icon-lamp-3:before { content: "\f119"; }
.icon-light-bulb:before { content: "\f11a"; }
.icon-light-fixture:before { content: "\f11b"; }
.icon-light-switch:before { content: "\f11c"; }
.icon-microwave:before { content: "\f11d"; }
.icon-pain-can:before { content: "\f11e"; }
.icon-paint-brush:before { content: "\f11f"; }
.icon-paint-roller:before { content: "\f120"; }
.icon-plug-fill:before { content: "\f121"; }
.icon-plug:before { content: "\f122"; }
.icon-plunger:before { content: "\f123"; }
.icon-recycle:before { content: "\f124"; }
.icon-refrigerator-1:before { content: "\f125"; }
.icon-refrigerator-2:before { content: "\f126"; }
.icon-shovel:before { content: "\f127"; }
.icon-soap-bottle:before { content: "\f128"; }
.icon-sofa-chair:before { content: "\f129"; }
.icon-stove-top:before { content: "\f12a"; }
.icon-stove-vent:before { content: "\f12b"; }
.icon-swing:before { content: "\f12c"; }
.icon-table-1:before { content: "\f12d"; }
.icon-table-2:before { content: "\f12e"; }
.icon-thermostat:before { content: "\f12f"; }
.icon-toilet:before { content: "\f130"; }
.icon-washer-dryer:before { content: "\f131"; }
.icon-window-1:before { content: "\f132"; }
.icon-window-2:before { content: "\f133"; }
.icon-window-3:before { content: "\f134"; }
@font-face {
font-family: "picto-foundry-shopping-finance";
src:url("../font/picto-foundry-shopping-finance.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[data-icon]:before {
font-family: "picto-foundry-shopping-finance";
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-add-to-cart:before,
.icon-bank:before,
.icon-barcode:before,
.icon-calculator:before,
.icon-cash-bag:before,
.icon-cash-bands:before,
.icon-cash-dispenser:before,
.icon-cash-money:before,
.icon-cash-register:before,
.icon-cash-stack:before,
.icon-cash:before,
.icon-check:before,
.icon-checkout:before,
.icon-cogs:before,
.icon-coins:before,
.icon-credit-card-back:before,
.icon-credit-card-front:before,
.icon-diamond:before,
.icon-dollar:before,
.icon-euro:before,
.icon-gift:before,
.icon-graph-down-1:before,
.icon-graph-down-2:before,
.icon-graph-up-1:before,
.icon-graph-up-2:before,
.icon-money:before,
.icon-open-sign:before,
.icon-percent:before,
.icon-pie-graph:before,
.icon-pound:before,
.icon-reciept-1:before,
.icon-reciept-2:before,
.icon-reconciled:before,
.icon-safe:before,
.icon-scale-1:before,
.icon-scale-2:before,
.icon-shippment:before,
.icon-shopping-bag-add:before,
.icon-shopping-bag-empty:before,
.icon-shopping-bag-fill:before,
.icon-shopping-bag-open:before,
.icon-shopping-bag-sub:before,
.icon-shopping-bag:before,
.icon-shopping-basket:before,
.icon-shopping-cart:before,
.icon-stocks-down:before,
.icon-stocks-up:before,
.icon-store-front:before,
.icon-tag-1:before,
.icon-tag-2:before,
.icon-tag-3:before,
.icon-tag-fill-1:before,
.icon-wallet:before,
.icon-yen:before {
font-family: "picto-foundry-shopping-finance";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
vertical-align: middle;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
text-decoration: inherit;
}
.icon-add-to-cart:before { content: "\f100"; }
.icon-bank:before { content: "\f101"; }
.icon-barcode:before { content: "\f102"; }
.icon-calculator:before { content: "\f103"; }
.icon-cash-bag:before { content: "\f104"; }
.icon-cash-bands:before { content: "\f105"; }
.icon-cash-dispenser:before { content: "\f106"; }
.icon-cash-money:before { content: "\f107"; }
.icon-cash-register:before { content: "\f108"; }
.icon-cash-stack:before { content: "\f109"; }
.icon-cash:before { content: "\f10a"; }
.icon-check:before { content: "\f10b"; }
.icon-checkout:before { content: "\f10c"; }
.icon-cogs:before { content: "\f10d"; }
.icon-coins:before { content: "\f10e"; }
.icon-credit-card-back:before { content: "\f10f"; }
.icon-credit-card-front:before { content: "\f110"; }
.icon-diamond:before { content: "\f111"; }
.icon-dollar:before { content: "\f112"; }
.icon-euro:before { content: "\f113"; }
.icon-gift:before { content: "\f114"; }
.icon-graph-down-1:before { content: "\f115"; }
.icon-graph-down-2:before { content: "\f116"; }
.icon-graph-up-1:before { content: "\f117"; }
.icon-graph-up-2:before { content: "\f118"; }
.icon-money:before { content: "\f119"; }
.icon-open-sign:before { content: "\f11a"; }
.icon-percent:before { content: "\f11b"; }
.icon-pie-graph:before { content: "\f11c"; }
.icon-pound:before { content: "\f11d"; }
.icon-reciept-1:before { content: "\f11e"; }
.icon-reciept-2:before { content: "\f11f"; }
.icon-reconciled:before { content: "\f120"; }
.icon-safe:before { content: "\f121"; }
.icon-scale-1:before { content: "\f122"; }
.icon-scale-2:before { content: "\f123"; }
.icon-shippment:before { content: "\f124"; }
.icon-shopping-bag-add:before { content: "\f125"; }
.icon-shopping-bag-empty:before { content: "\f126"; }
.icon-shopping-bag-fill:before { content: "\f127"; }
.icon-shopping-bag-open:before { content: "\f128"; }
.icon-shopping-bag-sub:before { content: "\f129"; }
.icon-shopping-bag:before { content: "\f12a"; }
.icon-shopping-basket:before { content: "\f12b"; }
.icon-shopping-cart:before { content: "\f12c"; }
.icon-stocks-down:before { content: "\f12d"; }
.icon-stocks-up:before { content: "\f12e"; }
.icon-store-front:before { content: "\f12f"; }
.icon-tag-1:before { content: "\f130"; }
.icon-tag-2:before { content: "\f131"; }
.icon-tag-3:before { content: "\f132"; }
.icon-tag-fill-1:before { content: "\f133"; }
.icon-wallet:before { content: "\f134"; }
.icon-yen:before { content: "\f135"; }

/* ── public/css/custom.css ───────────────────────────────────────────── */
*{
box-sizing: border-box;
text-decoration: none;
margin: 0
}
body{
margin: auto;
font-family: calibri light;
position: relative;
}
.banner{
position: relative;
overflow: hidden;
}
.banner>img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.banner>section,.banner>div{
position: absolute;
width:100%;
height: 100%;
top: 0;
left: 0;
}
.banner>nav{
position: absolute;
width: 100%;
bottom: 0;
text-align: center;
z-index: 10;
}
.banner>nav i{
display: inline-block;
height: 0.2em;
margin: 0.2em;
width: 2em;
border-radius: 0.1em;
background: white;
opacity: 0.5;
}
.banner>nav>button{
bottom: 0;
border: none;
background: none;
color: white;
padding: 0;
margin: 0;
opacity: 0;
}
.banner>nav:hover button{
opacity: 0.5;
}
.banner>nav>button:hover{
opacity: 1;
}
.header-a{
height: 4em;
width: 100%;
position: fixed;
top: 0;
z-index: 11;
}
.header-a>div{
display: inline-block;
}
.header-a nav{
transform: translateX(100%);
transition: 0.5s;
max-height: 0;
overflow: hidden;
position: absolute;
width: 16em;
right: 0;
}
.header-a>div:last-child{
position: relative;
float: right;
width: 3em;
height: 3em;
}
.header-a>div:last-child:hover nav{
max-height: 100vh;
transform:none;
}
.header-a a{
display: block;
}
.header-a>div img{
height: 3em;
width: auto;
}
.img-cover{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.h-25vh{
height: 25vh;
}
.h-50vh{
height: 50vh;
}
.h-75vh{
height: 75vh;
}
.h-100vh{
height: 100vh;
}
.p-ab{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 40%;
}
.p-re{
position: relative;
}
svg{
fill:currentColor;
}
@media(max-width:720px){
}
@media(max-width:900px) and (min-width:601px){
}
@media(min-width:2000px){
body{
width: 1920px;
margin: 0 auto;
position: relative;
font-size:medium
}
.h-25vh{
height: 180px;
}
.h-50vh{
height: 360px;
}
.h-75vh{
height: 480px;
}
.h-100vh{
height: 720px;
}
.header-a{
width: 1920px;
}
}
@font-face {
font-family: 'GillSans';
src: url("../font/2A8A52_0_0.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'picto-foundry-emotions';
src: url("../font/picto-foundry-emotions.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
body {
font-family: "GillSans", arial;
background: linear-gradient(135deg, rgb(var(--plt-2)) 0%,rgb(var(--plt-4)) 100%);
font-optical-sizing: auto;
font-style: normal;
}
[class^='icon-'] {
padding: 0.2em;
}
section{
font-size: 20px;
}
.floating-element {
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-15px);
}
100% {
transform: translateY(0px);
}
}
.floating-element {
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-15px);
}
100% {
transform: translateY(0px);
}
}
.floating {
animation: floating 8s ease-in-out infinite;
}
@keyframes floating {
0% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(-20px) rotate(5deg);
}
100% {
transform: translateY(0px) rotate(0deg);
}
}
.pulse {
animation: pulse 4s ease-in-out infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.cl-1{
color: rgb(var(--plt-1));
}
.bg-1{
background: rgb(var(--plt-1));
opacity: 0.9;
}
.bg-1:hover{
opacity: 1;
}
.bg-3{
background: rgb(var(--plt-3));
}
.bg-2i8{
background: rgba(var(--plt-2),0.8);
}
.bg-2{
background: rgb(var(--plt-2));
}
.cl-2{
color: rgb(var(--plt-2));
}
.cl-3{
color: rgb(var(--plt-3));
}
.bg-4{
background: rgb(var(--plt-4));
}
.parent {
z-index: 1;
}
.parent::after {
content: '';
position: absolute;
top: 0;
left: -25%;
width: 120%;
height: 100%;
background: rgb(var(--plt-4));
opacity: 0.9;
transform: skewX(-25deg);
z-index: -1;
}
#header{
padding:0.5em 0 0.5em 2%;
}
#header>div:last-child{
border-radius: 100%;
padding: 0.3em;
cursor: pointer;
}
#header nav{
border-left: 1px solid;
border-color: rgb(var(--plt-3));
z-index: 10;
}
#header nav a{
font-size: 20px;
padding: 0 0.3em;
transition: 0.5s;
}
#header nav span{
font-size: 28px;
}
#header nav a:hover{
color: white;
}
.section-divider {
height: 1px;
background: linear-gradient(to right, transparent, rgb(var(--plt-3)), transparent);
}
.value-item {
transition: all 0.3s ease;
border-left: 3px solid rgb(var(--plt-1));
}
.value-item:hover {
border-left-color: rgb(var(--plt-3));
transform: translateX(8px);
}
@media(max-width:720px){
.parent{
overflow: hidden;
}
.exito{
width: 100%;
}
}
.noticias{
vertical-align: top;
position: relative;
width:calc(80% - 1em);
display: inline-block;
}
.noticias-resientes{
vertical-align: top;
position: relative;
width: calc(20% - 1em);
display: inline-block;
}
.footer-clasico { font-weight: 400; }
.footer-clasico h3 { font-weight: 400; }
.accion-suave { opacity: .9; transition: opacity .3s; }
.accion-suave:hover { opacity: 1; }
.hero-vidrio { transition: background-color .3s; }
.hero-vidrio:hover { --bg-alpha: .1; }