@charset "UTF-8";

@layer reset{


/*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
all: unset;
display: revert;
}

/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}

*{margin:0;}

/* Set core root defaults */
html{
line-height: 1.5;
}

html:focus-within {
scroll-behavior: smooth;
}

/* Set core body defaults */
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
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";
}


[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
[hidden], [type="hidden"] {display: none;}

/* *:focus:not(:focus-visible), *:focus { outline: 0;}*/

article, 
aside, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
nav, 
section {
display: block; 
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}

svg{vertical-align: top;}

/*
Remove list styles (bullets/numbers)
in case you use it with normalize.css
ol, ul {
list-style: none;
}*/

/* A elements that don't have a class get default styles */
a:not([class]) {
text-decoration-skip-ink: auto;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
list-style: none;
}

/* For images to not be able to exceed their container */
img,
picture {
max-width: 100%;
display: block;
border-style: none;
}


pre, code {font-family: monospace, monospace;font-size: 1em;}
b, strong{font-weight: bolder;}
em{font-style:italic;}

sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

h1{
font-size:3.815rem;
}
h2{
font-size:3.052rem;
}
h3{
font-size:2.441rem;
}
h4{
font-size:1.953rem;
}
h5{
font-size:1.563rem;
}
h6{
font-size:1.25rem;
}

/* Removes spacing between cells in tables */
table {
border-collapse: collapse;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
}

button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
cursor: pointer;
background-color: transparent;
background-image: none;
}

textarea {
overflow: auto;
resize:vertical;
}




/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

}

main{flex-grow:1;}

/*section, div{*/
section{
    display:grid;
    align-content:start;
}

div{

    --column-count: 1;
    grid-template-columns: repeat( var(--column-count,1), 1fr);
    grid-auto-flow: dense;

    --grid-column-span: 1;
    --grid-row-span: 1;
    grid-column: auto / span var(--grid-column-span,1);
    grid-row: auto / span var(--grid-row-span,1);

    /*width:100%;*/
    width:fill-available;
    width:-webkit-fill-available;
    width:-moz-available;

}

section{
    padding:40px 15px;
    /*width:100%;*/
    width:fill-available;
    width:-webkit-fill-available;
    width:-moz-available;
}

[dataGrid]{
    display:grid;
    align-content:start;
}

[dataColumns]{
    display:flex;
}

[dataColumn]{
    --column-flex-basis: 1;
    flex-basis: calc( var(--column-flex-basis,1) * 100% );
}

body, [data-gjs-type="wrapper"]{
    --font-family: var(--body-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-family: var(--font-family);

    --accent-color:#1c8ef6;
}

p{
    /*margin-bottom:10px;
    margin-inline:auto;
    max-width:800px;*/
    aspect-ratio: auto !important;
    background-color: transparent !important;
    /*width:100%;*/
}
h1,h2,h3,h4,h5,h6{
    /*margin-block:20px 25px;
    margin-inline:auto;
    max-width:800px;*/
    aspect-ratio: auto !important;
    background-color: transparent !important;
    /*width:100%;*/

    font-family: var(--headings-font-family,''), var(--font-family);
}

.btn{padding:8px 16px;border:1px solid transparent;color:#FFF;background:var(--accent-color);text-align:center;display:inline-block;cursor:pointer;text-decoration:none;margin:10px 0;position:relative;overflow:hidden;vertical-align: middle;border-radius:6px;}

.btn.btn_outline{border:1px solid var(--accent-color);color:var(--accent-color);;background:transparent;}

img{object-fit: cover;}

/* BLOCKS 

.section-portada{
    aspect-ratio: 16 / 9;

    background-color:#000000;
    color:#FFFFFF;

    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    
    padding-top:40px;
}

.container{
    max-width: min(85%, 1200px);
    margin-left:auto;
    margin-right: auto;
}

.columns{
    display:grid;
    grid-auto-flow: column;
    gap: 1rem;
}

.card{
    background-color:#FFFFFF;
}

.red{
    color: #FF0000;
}*/