/* ======================================================================= ////////////////////////////////////////////////////////////////////////// GLOBAL /////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////// ======================================================================== */ details,figcaption,figure,hgroup,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button, html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* html, body { align-items:flex-start; align-content:flex-start; display:flex; flex-flow:row wrap; justify-content:center; height:auto; min-height:100vh; text-align:left; position: relative; scroll-behavior:smooth; width:100%; } @media only screen and (max-width:620px) { html, body { overflow-x:hidden; }} */ /*------------------------------------------------------------------------ GLOBAL - COLORS ///////////////////////////////////////////////////////// ------------------------------------------------------------------------*/ :root { --color-white:#fff; --color-white-90:rgba(255, 255, 255, 0.9); --color-white-80:rgba(255, 255, 255, 0.8); --color-white-70:rgba(255, 255, 255, 0.7); --color-white-60:rgba(255, 255, 255, 0.6); --color-white-50:rgba(255, 255, 255, 0.5); --color-white-40:rgba(255, 255, 255, 0.4); --color-white-30:rgba(255, 255, 255, 0.3); --color-white-20:rgba(255, 255, 255, 0.2); --color-white-10:rgba(255, 255, 255, 0.1); --color-black:#000; --color-black-90:rgba(0, 0, 0, 0.9); --color-black-80:rgba(0, 0, 0, 0.8); --color-black-70:rgba(0, 0, 0, 0.7); --color-black-60:rgba(0, 0, 0, 0.6); --color-black-50:rgba(0, 0, 0, 0.5); --color-black-40:rgba(0, 0, 0, 0.4); --color-black-30:rgba(0, 0, 0, 0.3); --color-black-20:rgba(0, 0, 0, 0.2); --color-black-10:rgba(0, 0, 0, 0.1); --color-whatsapp:#25d366; --color-facebook:#3b5998; --color-instagram:#cd486b; --color-youtube:#ff0000; --color-ubicacion:#ff0000; --color-twitter:#55acee; --color-tiktok:#000; --color-x:#55acee; --color-linkedin:#007bb5; --gradient-main:linear-gradient(to top, var(--color-main) 0%, var(--color-main-soft) 100%); --gradient-main-soft:linear-gradient(to top, var(--color-main-softer) 0%, var(--color-white) 120%); --gradient-main-dark:linear-gradient(to top, var(--color-main-darker) 0%, var(--color-main) 80%); --gradient-main-to-right:linear-gradient(to right, var(--color-main) 0%, transparent 80%); --gradient-main-to-top:linear-gradient(to top, var(--color-main) 0%, transparent 80%); --gradient-main-to-left:linear-gradient(to left, var(--color-main) 0%, transparent 80%); --gradient-main-to-bottom:linear-gradient(to bottom, var(--color-main) 0%, transparent 80%); --gradient-main-softer-to-right:linear-gradient(to right, var(--color-main-softer) 0%, transparent 80%); --gradient-main-softer-to-top:linear-gradient(to top, var(--color-main-softer) 0%, transparent 80%); --gradient-main-softer-to-left:linear-gradient(to left, var(--color-main-softer) 0%, transparent 80%); --gradient-main-softer-to-bottom:linear-gradient(to bottom, var(--color-main-softer) 0%, transparent 80%); --gradient-second:linear-gradient(to top, var(--color-second) 0%, var(--color-second-soft) 100%); --gradient-second-soft:linear-gradient(to top, var(--color-second-softer) 0%, var(--color-white) 120%); --gradient-second-dark:linear-gradient(to top, var(--color-second-darker) 0%, var(--color-second) 80%); --gradient-second-to-right:linear-gradient(to right, var(--color-second) 0%, transparent 80%); --gradient-second-to-top:linear-gradient(to top, var(--color-second) 0%, transparent 80%); --gradient-second-to-left:linear-gradient(to left, var(--color-second) 0%, transparent 80%); --gradient-second-to-bottom:linear-gradient(to bottom, var(--color-second) 0%, transparent 80%); --gradient-combinado:linear-gradient(to top, var(--color-main) 0%, var(--color-second-soft) 100%); --gradient-combinado-soft:linear-gradient(to top, var(--color-main-soft) -20%, var(--color-second-softer) 100%); --gradient-combinado-dark:linear-gradient(to top, var(--color-main-dark) 0%, var(--color-second) 120%); --gradient-combinado-to-right:linear-gradient(to right, var(--color-main) 0%, var(--color-second-soft) 100%); --gradient-combinado-to-top:linear-gradient(to top, var(--color-main) 0%, var(--color-second-soft) 100%); --gradient-combinado-to-left:linear-gradient(to left, var(--color-main) 0%, var(--color-second-soft) 100%); --gradient-combinado-to-bottom:linear-gradient(to bottom, var(--color-main) 0%, var(--color-second-soft) 100%); --gradient-combinado-uno:linear-gradient(to right top, var(--color-main-soft) 0%, var(--color-main-softer) 40%, var(--color-second-softer) 80%); --gradient-combinado-dos:linear-gradient(to right top, var(--color-main) 0%, var(--color-main-soft) 40%, var(--color-second-soft) 80%); --gradient-combinado-tres:linear-gradient(to right top, var(--color-main-dark) 0%, var(--color-main) 40%, var(--color-second) 80%); --gradient-neutro:linear-gradient(to top, var(--color-neutro) 0%, var(--color-neutro-soft) 100%); --gradient-neutro-soft:linear-gradient(to top, var(--color-neutro-softer) 0%, var(--color-white) 120%); --gradient-neutro-dark:linear-gradient(to top, var(--color-neutro-darker) 0%, var(--color-neutro) 80%); --gradient-neutro-to-right:linear-gradient(to right, var(--color-neutro) 0%, transparent 80%); --gradient-neutro-to-top:linear-gradient(to top, var(--color-neutro) 0%, transparent 80%); --gradient-neutro-to-left:linear-gradient(to left, var(--color-neutro) 0%, transparent 80%); --gradient-neutro-to-bottom:linear-gradient(to bottom, var(--color-neutro) 0%, transparent 80%); --gradient-white-to-right:linear-gradient(to right, var(--color-white) 0%, transparent 80%); --gradient-white-to-top:linear-gradient(to top, var(--color-white) 0%, transparent 80%); --gradient-white-to-left:linear-gradient(to left, var(--color-white) 0%, transparent 80%); --gradient-white-to-bottom:linear-gradient(to bottom, var(--color-white) 0%, transparent 80%); --gradient-black-to-right:linear-gradient(to right, var(--color-black) 0%, transparent 80%); --gradient-black-to-top:linear-gradient(to top, var(--color-black) 0%, transparent 80%); --gradient-black-to-left:linear-gradient(to left, var(--color-black) 0%, transparent 80%); --gradient-black-to-bottom:linear-gradient(to bottom, var(--color-black) 0%, transparent 80%); }