/* base.css: las reglas del tema viejo (sitio/css/ y los JS de sitio/js/ los sigue usando producción) que la beta usa de
   verdad, en el mismo orden de cascada que antes: bootstrap, menu, fade-down, pink-theme, responsive. magnific-popup.css
   no está acá: el perfil lo sigue cargando entero, después de este archivo, hasta que llegue el visor propio.
   Armado el 2026-09-28 por docs/briefs/auditoria-2026-09-27/scripts/auditoria-frontend-base-css.js (tanda 9):
   cada regla quedó porque alguno de sus selectores coincide con algo de la beta, en alguna plantilla, estado o ancho.
   Desde acá este archivo es el que se mantiene; los originales del tema no se tocan.
   Arriba de todo, las @font-face (Roboto y Lustria): antes eran assets/fonts.css. */


/* ---------- fuentes propias (era assets/fonts.css hasta la tanda 10: una hoja bloqueante menos) ---------- */
/* Fuentes alojadas en masajes.red (Roboto: Apache 2.0; Lustria: SIL OFL). Solo latin y latin-ext.
   Roboto es la variable de Google (un solo archivo por subconjunto sirve todos los pesos): antes se declaraba cuatro
   veces, con cuatro copias idénticas del mismo archivo, y el navegador bajaba las cuatro (131 KB de más). El archivo
   conserva el nombre "400" para no tener que subir binarios nuevos. */
@font-face {
  font-family: 'Lustria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/lustria-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/roboto-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/roboto-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- css/bootstrap.min.css · Bootstrap v4 (MIT): https://github.com/twbs/bootstrap/blob/main/LICENSE ---------- */
:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-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";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
*,::after,::before{box-sizing:border-box}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
article,aside,figcaption,figure,footer,header,main,nav,section{display:block}
body{margin:0;font-family:-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";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
h1,h2,h3{margin-top:0;margin-bottom:.5rem}
p{margin-top:0;margin-bottom:1rem}
dl,ul{margin-top:0;margin-bottom:1rem}
ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
b,strong{font-weight:bolder}
small{font-size:80%}
a{color:#007bff;text-decoration:none;background-color:transparent}
a:hover{color:#0056b3;text-decoration:underline}
a:not([href]){color:inherit;text-decoration:none}
a:not([href]):hover{color:inherit;text-decoration:none}
code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
figure{margin:0 0 1rem}
img{vertical-align:middle;border-style:none}
svg{overflow:hidden;vertical-align:middle}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button,select{text-transform:none}
select{word-wrap:normal}
[type=button],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
textarea{overflow:auto;resize:vertical}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
template{display:none}
[hidden]{display:none!important}
h1,h2,h3{margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.75rem}
small{font-size:80%;font-weight:400}
code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){
  .container{max-width:540px}
}
@media (min-width:768px){
  .container{max-width:720px}
}
@media (min-width:992px){
  .container{max-width:960px}
}
@media (min-width:1200px){
  .container{max-width:1140px}
}
@media (min-width:576px){
  .container{max-width:540px}
}
@media (min-width:768px){
  .container{max-width:720px}
}
@media (min-width:992px){
  .container{max-width:960px}
}
@media (min-width:1200px){
  .container{max-width:1140px}
}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col-lg-10,.col-lg-6,.col-md-12{position:relative;width:100%;padding-right:15px;padding-left:15px}
@media (min-width:768px){
  .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:992px){
  .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
  .offset-lg-1{margin-left:8.333333%}
}
.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){
  .btn{transition:none}
}
.btn:hover{color:#212529;text-decoration:none}
.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.btn:disabled{opacity:.65}
.btn:not(:disabled):not(.disabled){cursor:pointer}
.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}
.clearfix::after{display:block;clear:both;content:""}
.d-flex{display:-ms-flexbox!important;display:flex!important}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
@media print{
  *,::after,::before{text-shadow:none!important;box-shadow:none!important}
  a:not(.btn){text-decoration:underline}
  img{page-break-inside:avoid}
  h2,h3,p{orphans:3;widows:3}
  h2,h3{page-break-after:avoid}
  body{min-width:992px!important}
  .container{min-width:992px!important}
}

/* ---------- css/menu.css ---------- */
.wsmenu a:focus{outline: none}
.wsmenu:before,.wsmenu:after{content: ""; display: table}
.wsmenu:after{clear: both}
.wsmenucontainer{overflow: hidden; background-color: var(--c-fondo)}
.wsmainfull{width: 100%; height: auto; background-color: var(--c-fondo); z-index: 999; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out}
.wsmainwp{margin: 0 auto; max-width: 1140px; padding: 0 15px; position: relative}
.desktoplogo{padding: 0; margin: 0; float: left; line-height: 70px}
.wsmenu{padding: 0; float: right; display: block}
.wsmenu > .wsmenu-list{text-align: left; margin: 0 auto 0 auto; width: 100%; display: block; padding: 0}
.wsmenu > .wsmenu-list > li{text-align: center; display: block; padding: 0; margin: 0; float: left}
.wsmenu > .wsmenu-list > li > a{display: block; color: var(--c-texto); font-size: 15px; font-weight: 700; letter-spacing: 0.5px; padding: 10px 32px 10px 18px; line-height: 50px; text-decoration: none; position: relative}
.wsmenu > .wsmenu-list > li > a .wsarrow:after{border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid; content: ""; float: right; right: 15px; height: 0; margin: 0 0 0 14px; position: absolute; text-align: right; top: 33px; width: 0}
.wsmenu > .wsmenu-list > li > ul.sub-menu{position: absolute; top: 70px; z-index: 1000; margin: 0px; padding: 9px 15px; min-width: 230px; background-color: #fff; border: solid 1px #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li{position: relative; margin: 0px; padding: 0px; display: block}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a{position: relative; background-image: none; border-right: 0 none; text-align: left; display: block; padding: 9px; text-transform: none; color: #888; font-size: 15px; line-height: 22px; font-weight: 400; letter-spacing: 0; border-right: 0px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover{padding: 9px 9px 9px 10px}
.wsmenu > .wsmenu-list > li > .wsmegamenu{width: 100%; left: 0px; position: absolute; top: 70px; color: #000; z-index: 1000; margin: 0px; text-align: left; padding: 20px 30px; border: solid 1px #eee; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li{display: block; text-align: center; text-align: left; border-bottom: 1px dashed #c0c0c0}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li:last-child{border-bottom: none}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a{line-height: 22px; border-right: none; text-align: left; padding: 13px 0px; background: #fff; background-image: none; border-right: 0 none; display: block; background-color: #fff; color: #888; font-size: 16px; font-weight: 400; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out}
.wsmobileheader{display: none}
.overlapblackbg{opacity: 0; visibility: hidden}
.wsmenu .wsmenu-click{display: none}
@media only screen and (max-width: 991px){
  /* se desplaza la ventana y no <body> (tanda 13b, 28/09): menu.css del tema ponía html{overflow:hidden;height:100%} y
     body{height:100%;overflow-y:auto}, y así en iPhone la barra de direcciones no se escondía y "volver atrás" perdía
     la posición. El overflow-x de body pasa a la ventana: sigue sin desplazamiento de costado */
  body{overflow-x: hidden}
  /* con el menú abierto el fondo no se mueve: esto alcanza en Chrome y Android; en iPhone lo completa window.mrFondo (pie.php) */
  body.wsactive{overflow: hidden}
  .desktoplogo{display: none}
  .wsmainfull{height: 0}
  .wsmenu{width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; right: 0; overflow-y: hidden; padding: 0; top: 0; visibility: hidden; position: fixed; margin: 0px}
  .wsmenu > .wsmenu-list{height: auto; min-height: 100%; width: 240px; width: 300px; width: 350px; background: #fff; padding-bottom: 0; margin-right: -240px; margin-right: -300px; margin-right: -350px; display: block; text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out}
  .wsmenu > .wsmenu-list > li{width: 100%; display: block; float: none; border-right: none; background-color: transparent; position: relative; white-space: inherit; clear: right}
  @supports (-webkit-overflow-scrolling: touch){
    .wsmenu > .wsmenu-list > li:last-child{padding-bottom: 110px}
  }
  .wsmenu > .wsmenu-list > li >a{padding: 12px 32px 12px 17px; font-size: 15px; text-align: left; border-right: solid 0px; color: #666666; line-height: 25px; border-bottom: 1px solid; border-bottom-color: rgba(0, 0, 0, 0.13); position: static}
  .wsmenu > .wsmenu-list > li >a .wsarrow:after{display: none}
  .wsmenu > .wsmenu-list > li:hover>a{background-color: rgba(0, 0, 0, 0.08); text-decoration: none}
  .wsmenu > .wsmenu-list > li > ul.sub-menu{display: none; position: relative; top: 0px; background-color: #fff; border: none; padding: 0px; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat}
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a{line-height: 20px; font-size: 13px; padding: 10px 0px 10px 16px; color: #383838}
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover{background-color: #e7e7e7; color: #666666; text-decoration: underline}
  .wsmenu > .wsmenu-list > li > ul.sub-menu li:hover > a{background-color: #e7e7e7; color: #666666}
  .wsmenu > .wsmenu-list > li > .wsmegamenu{color: #666666; display: none; position: relative; top: 0px; padding: 10px 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; border-bottom: 1px solid rgba(0, 0, 0, 0.13); -webkit-transform-style: flat}
  .wsmobileheader{width: 100%; display: block; position: fixed; top: 0; right: 0; z-index: 10002; height: 54px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out}
  .wsactive .wsmobileheader{margin-right: 240px; margin-right: 300px; margin-right: 350px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out}
  .wsmobileheader .smllogo{display: inline-block; margin-top: 12px; padding-left: 18px}
  .wsanimated-arrow{position: absolute; right: 0; top: 0; z-index: 102; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
  .wsanimated-arrow{cursor: pointer; padding: 16px 35px 16px 0px; margin: 7px 0 0 15px}
  .wsanimated-arrow span,.wsanimated-arrow span:before,.wsanimated-arrow span:after{cursor: pointer; height: 3px; width: 22px; background: #a9a9a9; position: absolute; display: block; content: ''}
  .wsanimated-arrow span:before{top: -7px; width: 26px}
  .wsanimated-arrow span:after{bottom: -7px; width: 20px}
  .wsanimated-arrow span,.wsanimated-arrow span:before,.wsanimated-arrow span:after{transition: all 500ms ease-in-out}
  .wsactive .wsanimated-arrow span:after{width: 23px}
  .wsactive .wsanimated-arrow span{background-color: transparent}
  .wsactive .wsanimated-arrow span:before{top: 7px}
  .wsactive .wsanimated-arrow span:before{transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 0px}
  .wsactive .wsanimated-arrow span:after{transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg)}
  .overlapblackbg{left: 0; width: calc(100% - 240px); width: calc(100% - 350px); height: 100vh; min-height: 100%; position: fixed; top: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.45); cursor: pointer}
  .wsactive .wsmenu .overlapblackbg{opacity: 1; visibility: visible; -webkit-transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out; -ms-transition: opacity 1.5s ease-in-out; -o-transition: opacity 1.5s ease-in-out}
  .wsmenucontainer{-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out}
  .wsactive .wsmenucontainer{margin-right: 240px; margin-right: 300px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out}
  .wsactive .wsmenu{overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility: visible; z-index: 1000; top: 0}
  .wsactive .wsmenu > .wsmenu-list{-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin-right: 0}
  .wsmenu > .wsmenu-list > li > .wsmenu-click{height: 49px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 100%}
  .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i{transform: rotate(-45deg); margin-top: 23px}
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i{display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin: 18px 18px 0px 0px}
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i:before{content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color: rgba(0, 0, 0, 0.40); transition: 0.2s ease; display: block; transform-origin: 100% 0}
}
@media only screen and (min-width: 992px) and (max-width:1162px){
  .desktoplogo{margin-left: 12px}
  .wsmenu > .wsmenu-list > li > a{padding-left: 16px; padding-right: 16px}
}

/* ---------- css/dropdown-effects/fade-down.css · venía en un <link media="(min-width: 992px)"> ---------- */
@media (min-width: 992px){
  .wsmenu > .wsmenu-list > li > ul.sub-menu{opacity: 0; visibility: hidden; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg)}
  .wsmenu > .wsmenu-list > li:hover > ul.sub-menu{opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg)}
  .wsmenu > .wsmenu-list > li > .wsmegamenu{opacity: 0; visibility: hidden; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg)}
  .wsmenu > .wsmenu-list > li:hover > .wsmegamenu{opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg)}
}

/* ---------- css/pink-theme.css ---------- */
html{-webkit-font-smoothing: antialiased; font-size: 16px}
body{font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #283034; font-weight: 300}
#page{overflow: hidden}
.wide-100{padding-top: 100px; padding-bottom: 100px}
.wide-60{padding-top: 100px; padding-bottom: 60px}
h1,h2,h3{font-family: "Lustria", serif; line-height: 1.3; font-weight: 700; letter-spacing: 1px}
p{font-size: 1.0625rem}
p.p-lg{font-size: 1.1875rem}
a{color: #333; text-decoration: none; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out}
a:hover{color: #666; text-decoration: none}
a:focus{outline: none; text-decoration: none}
ul{margin: 0; padding: 0; list-style: none}
.btn{background-color: transparent; color: #fff; font-size: 15px; line-height: 1; font-weight: 500; padding: 13px 26px; border: 1px solid transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out}
.btn.btn-sm{font-size: 14px; padding: 12px 24px}
.btn.btn-md{font-size: 18px; padding: 14px 34px}
.btn:focus{color: #fff; -webkit-box-shadow: none; box-shadow: none}
.bg-color-01{background-color: var(--c-fondo)}
.btn-tra-01{color: var(--c-marca); background-color: #fff; border: 1px solid var(--c-borde); border-radius: var(--r-control); font-weight: 500}
.color-01-hover:hover{color: #fff; background-color: var(--c-marca-h); border-color: var(--c-marca-h)}
.btn-color-02{color: #fff; background-color: var(--c-marca); border-color: var(--c-marca); border-radius: var(--r-control)}
.txt-color-01{color: #727475}
.txt-color-05,.txt-color-05 h2,.txt-color-05 p,.txt-color-05 a,.txt-color-05 li{color: #808080}
#header{width: 100%; display: block; padding-top: 0px; height: 80px}
.header-wrapper{position: fixed; top: 0; right: 0; left: 0; z-index: 999}
.wsmainfull{width: 100%; height: auto; z-index: 1031; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out}
.white-menu .wsmainfull{padding: 6px 0}
.wsmenu > .wsmenu-list > li > a{display: block; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 6px; padding: 10px 12px; line-height: 50px; text-decoration: none}
.navbar-dark .wsmenu > .wsmenu-list > li > a{color: var(--c-texto)}
.wsmenu > .wsmenu-list > li > a .wsarrow:after{border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid; content: ""; float: right; right: 0; height: 0; margin: 0 0 0 15px; position: absolute; text-align: right; top: 33px; width: 0}
.wsmenu > .wsmenu-list > li > ul.sub-menu{padding: 10px 20px; width: auto; min-width: 200px; border: solid 1px #f2f7fb; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-box-shadow: 0 8px 32px rgba(53, 61, 76, 0.2); -moz-box-shadow: 0 8px 32px rgba(53, 61, 76, 0.2); box-shadow: 0 8px 32px rgba(53, 61, 76, 0.2)}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:before,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:before{opacity: 0; position: absolute; left: 0; top: 8px; color: #efa697; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; font-size: 0.9rem; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a{color: #9099a4; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.25px; padding: 8px 0}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover{color: #465777; padding: 8px 0 8px 16px}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover:before,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover:before{left: 2px; opacity: 1}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-70 .link-list li{position: relative; border-bottom: none}
.wsmenu > .wsmenu-list > li > .wsmegamenu{border: solid 1px #f2f7fb; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-box-shadow: 0 8px 32px rgba(53, 61, 76, 0.2); -moz-box-shadow: 0 8px 32px rgba(53, 61, 76, 0.2); box-shadow: 0 8px 32px rgba(53, 61, 76, 0.2)}
.wsmenu > .wsmenu-list > li > .wsmegamenu.w-70{width: 40%; left: auto; padding: 20px 10px}
.white-menu .wsmainfull.scroll{padding: 2px 0}
.logo-black{display: block}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border: 1px solid green; -webkit-text-fill-color: #555; -webkit-box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s}
.footer{padding-top: 0; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.bottom-footer{border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px}
.footer-copyright p{line-height: 1; margin-bottom: 0}
.bottom-footer-list li{display: inline-block !important; margin-bottom: 0}
.bottom-footer-list li p{line-height: 1; font-weight: 300; margin-left: 10px; margin-bottom: 0}
.bottom-footer-list p:after{content: "|"; padding-left: 11px; position: relative; top: -1px}
.bottom-footer-list p.last-li:after{content: " "; padding-left: 0}
#scrollUp{display: none; width: 50px; height: 50px; position: fixed; bottom: 35px; right: 20px; z-index: 99; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-image: url(../images/back-to-top.png); background-repeat: no-repeat; background-position: 50% 48%; background-color: rgba(95, 88, 66, 0.2); -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; transition: all 250ms linear}
#scrollUp:hover{background-color: rgba(95, 88, 66, 0.5)}
.type__logo{font-weight: 900; font-size: 24px; color: var(--c-texto)}
.type__logo span{color: var(--c-marca)}
.smllogo{margin: 0 !important}

/* ---------- css/responsive.css ---------- */
@media (min-width: 992px) and (max-width: 1199.95px){
  p{font-size: 1rem}
  p.p-lg{font-size: 1.08rem}
  .btn.btn-md{font-size: 17px; padding: 13px 32px}
  .wsmenu > .wsmenu-list > li > a{font-size: 14px; margin: 0 3px; padding: 10px 12px}
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70{width: 80%;left: 15%}
}
@media (min-width: 768px) and (max-width: 991.95px){
  .wide-100{padding-top: 80px; padding-bottom: 80px}
  .wide-60{padding-top: 80px; padding-bottom: 40px}
  p{font-size: 1rem}
  p.p-lg{font-size: 1.08rem}
  .btn,.btn.btn-md{font-size: 17px}
  .btn.btn-sm{font-size: 16px; padding: 12px 24px}
  .btn.btn-md{padding: 13px 30px}
  .wsmobileheader{height: 80px; display: flex; align-items: center}
  .wsanimated-arrow{padding: 14px 28px 14px 0px; margin: 24px 28px 0 0}
  .wsanimated-arrow span:before{top: -8px; width: 26px}
  .wsanimated-arrow span:after{bottom: -8px; width: 20px}
  .wsactive .wsanimated-arrow span:before{width: 28px; top: 0}
  .wsactive .wsanimated-arrow span:after{width: 28px; top: 0}
  .wsactive .wsanimated-arrow span{background: transparent}
  .wsmenu > .wsmenu-list > li > .wsmenu-click{height: 64px}
  .wsmenu > .wsmenu-list > li > a{font-size: 19px; padding: 7px 32px 6px 20px; margin: 0}
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i{margin: 23px 18px 0px 0px}
  .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i{transform: rotate(-45deg); margin-top: 28px}
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i{height: 10px; width: 10px}
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:before,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:before{font-size: 1.05rem; left: 5px; top: 14px}
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover:before,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover:before{left: 17px}
  .wsmenu > .wsmenu-list > li > ul.sub-menu{padding: 10px 0}
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70{width: 100%; left: 0; padding: 10px 0}
  .wsmegamenu.w-70 .col-md-12{padding-right: 0; padding-left: 0}
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a{color: #9099a4; font-size: 18px; padding: 14px 20px}
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover{background-color: transparent; padding: 14px 20px 14px 32px; text-decoration: none}
  .wsmobileheader .smllogo{display: block; margin-top: 15px; padding-left: 28px}
  .footer{padding-top: 80px; padding-bottom: 30px}
  .bottom-footer{margin-top: 10px}
  .footer-copyright p{margin-bottom: 10px}
  .bottom-footer-list.text-right{text-align: left!important}
  .bottom-footer-list li p.first-list-link{margin-left: 0}
}
@media (max-width: 767px){
  .wide-100{padding-top: 80px; padding-bottom: 80px}
  .wide-60{padding-top: 80px; padding-bottom: 40px}
  .wsmenu > .wsmenu-list{width: 300px; margin-right: -300px}
  .wsactive .wsmobileheader{margin-right: 300px}
  .overlapblackbg{width: calc(100% - 300px)}
  .wsmobileheader{height: 80px; display: flex; align-items: center}
  .wsanimated-arrow{padding: 14px 28px 14px 0px; margin: 24px 18px 0 0}
  .wsanimated-arrow span:before{top: -8px; width: 26px}
  .wsanimated-arrow span:after{bottom: -8px; width: 20px}
  .wsactive .wsanimated-arrow span:before{width: 28px; top: 0}
  .wsactive .wsanimated-arrow span:after{width: 28px; top: 0}
  .wsactive .wsanimated-arrow span{background: transparent}
  .wsmenu > .wsmenu-list > li > .wsmenu-click{height: 64px}
  .wsmenu > .wsmenu-list > li > a{font-size: 16px; padding: 7px 32px 6px 20px; margin: 0}
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i{margin: 23px 18px 0px 0px}
  .wsmenu > .wsmenu-list > li .wsmenu-click.ws-activearrow > i{transform: rotate(-45deg); margin-top: 28px}
  .wsmenu > .wsmenu-list > li > .wsmenu-click > i{height: 10px; width: 10px}
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:before,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:before{font-size: 1.05rem; left: 5px; top: 14px}
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover:before,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover:before{left: 17px}
  .wsmenu > .wsmenu-list > li > ul.sub-menu{padding: 10px 0}
  .wsmenu > .wsmenu-list > li > .wsmegamenu.w-70{width: 100%; left: 0; padding: 10px 0}
  .wsmegamenu.w-70 .col-md-12{padding-right: 0; padding-left: 0}
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a{color: #9099a4; font-size: 16px; padding: 14px 20px}
  .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover,.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a:hover{background-color: transparent; padding: 14px 20px 14px 32px; text-decoration: none}
  .wsmobileheader .smllogo{display: block; margin-top: 15px}
}
@media (min-width: 480px) and (max-width: 767.95px){
  p{font-size: 1.0625rem}
  p.p-lg{font-size: 1.1rem}
  .btn,.btn.btn-md{font-size: 17px}
  .btn.btn-sm{font-size: 16px; padding: 12px 24px}
  .btn.btn-md{padding: 13px 30px}
  .footer{padding-top: 80px; padding-bottom: 30px}
  .bottom-footer{margin-top: 10px}
  .footer-copyright p{margin-bottom: 10px}
  .bottom-footer-list.text-right{text-align: left!important}
  .bottom-footer-list li p.first-list-link{margin-left: 0}
}
@media (min-width: 414px) and (max-width: 479.95px){
  p{font-size: 1.0625rem}
  p.p-lg{font-size: 1.1rem}
  .btn,.btn.btn-md{font-size: 17px}
  .btn.btn-sm{font-size: 16px; padding: 12px 24px}
  .btn.btn-md{padding: 13px 30px}
  .footer{padding-top: 80px; padding-bottom: 30px}
  .bottom-footer{margin-top: 10px}
  .footer-copyright p{margin-bottom: 10px}
  .bottom-footer-list.text-right{text-align: left!important}
  .bottom-footer-list li p{margin-left: 6px}
  .bottom-footer-list li p.first-list-link{margin-left: 4px}
  .bottom-footer-list p:after{padding-left: 7px}
}
@media (min-width: 321px) and (max-width: 413.95px){
  p{font-size: 1.0625rem}
  p.p-lg{font-size: 1.1rem}
  .btn,.btn.btn-md{font-size: 17px}
  .btn.btn-sm{font-size: 16px; padding: 12px 24px}
  .btn.btn-md{padding: 13px 30px}
  .footer{padding-top: 80px; padding-bottom: 30px}
  .bottom-footer{margin-top: 10px}
  .footer-copyright p{margin-bottom: 10px}
  .bottom-footer-list.text-right{text-align: left!important}
  .bottom-footer-list li p{margin-left: 6px}
  .bottom-footer-list li p.first-list-link{margin-left: 4px}
  .bottom-footer-list p:after{padding-left: 7px}
}
@media (max-width: 320.95px){
  p{font-size: 1rem}
  p.p-lg{font-size: 1.05rem}
  .btn,.btn.btn-md{font-size: 16px}
  .btn.btn-sm{font-size: 16px; padding: 12px 24px}
  .btn.btn-md{padding: 13px 30px}
  .footer{padding-top: 80px; padding-bottom: 30px}
  .bottom-footer{margin-top: 10px}
  .footer-copyright p{margin-bottom: 10px}
  .bottom-footer-list.text-right{text-align: left!important}
  .bottom-footer-list li p{margin-left: 6px}
  .bottom-footer-list li p.first-list-link{margin-left: 4px}
  .bottom-footer-list p:after{padding-left: 7px}
}