body,html{
  background-color:hsl(var(--background));
  color:hsl(var(--foreground));
  font-family:var(--font-family-1);
  font-size:16px;
  line-height:16px;
  margin:0;
}

dialog::backdrop{
  background-color:rgba(0,0,0,.8);
  bottom:0;
  left:0;
  position:fixed;
  right:0;
  top:0;
  z-index:50;
}

h2{
  font-size:1.875rem;
  font-weight:500;
  line-height:2.25rem;
  --tw-text-opacity:1;
  color:rgb(31, 41, 55, var(--tw-text-opacity, 1));
}

@media (min-width:768px){
  h2{
    font-size:2.25rem;
    line-height:2.5rem;
  }
}
dialog{
  background-color:transparent;
  border:0;
  outline:0;
}
.dialog__content{
  height:calc(100% - 20px);
  margin-top:20px;
  position:relative;
}

.dialog__close{
  background-color:orange;
  position:absolute;
  right:0;
  top:-20px;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-family-2);
  margin:0;
}

*,:after,:before{
  border:0 solid #e5e7eb;
  box-sizing:border-box;
}

.container{
  margin-left:auto;
  margin-right:auto;
  padding-left:2rem;
  padding-right:2rem;
  width:100%;
}

@media (min-width:1400px){
  .container{
    max-width:1400px;
  }
}
.px-4{
  padding-left:1rem;
  padding-right:1rem;
}

ul ::marker{
  font-size:0;
  line-height:0;
}

ol,ul{
  margin:0;
  padding:0;
}

a{
  color:inherit;
  text-decoration:inherit;
}

.chevron-right:after{
  background-color:currentColor;
  height:24px;
  mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
  mask-position:center;
  -webkit-mask-position:center;
  mask-repeat:no-repeat;
  -webkit-mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-mask-size:contain;
  width:24px;
}

p:last-child{
  margin-bottom:0 !important;
}

.aspect-video,.iframe-container{
  aspect-ratio:16/9;
  width:100%;
}
.aspect-video>iframe,.iframe-container>iframe{
  height:100% !important;
  width:100% !important;
}

.bg-rojo{
  background-color:var(--red);
}

.bg-negro,.bg-rojo,.bg-rojo h2{
  color:#fff;
}

.bg-negro{
  background-color:#000;
}

.bg-negro h2{
  color:#fff;
}

.bg-blanco{
  background-color:#fff;
  color:#000;
}

.heading__wrapper{
  padding-block:3rem 2rem;
}

[class*=heading__title]{
  font-size:2rem;
  line-height:1.25;
  line-height:1.3;
  margin-bottom:3rem;
  position:relative;
}
[class*=heading__title].mb-4{
  margin-bottom:1rem;
}
[class*=heading__title]:after{
  border-radius:9999px;
  content:"";
  display:inline-flex;
  height:1.5rem;
  margin-left:.4rem;
  position:relative;
  right:-.25rem;
  top:-.875rem;
  width:1.5rem;
  --tw-bg-opacity:1;
  background-color:rgb(220, 38, 38, var(--tw-bg-opacity, 1));
}
@media (max-width:540px){
  [class*=heading__title]:after{
    height:20px;
    position:absolute;
    right:-.25rem;
    top:-.875rem;
    width:20px;
  }
}
[class*=heading__title]+[class*=heading__body]{
  margin-top:-2rem;
}
[class*=heading__title][class*=center]{
  text-align:center;
}

@media (min-width:768px){
  [class*=heading__title]{
    font-size:1.75rem;
    line-height:2.25rem;
  }
  [class*=heading__title][class*=large]{
    font-size:2rem;
  }
}
[class*=heading__body]{
  color:hsl(var(--muted-foreground));
  max-width:42rem;
}
[class*=heading__body][class*=large]{
  max-width:56rem;
}
[class*=heading__body][class*=center]{
  margin-inline:auto;
  text-align:center;
}
::-webkit-scrollbar{
  width:8px;
}

::-webkit-scrollbar-track{
  background:transparent;
}

::-webkit-scrollbar-thumb{
  background:#d1d5db;
  border-radius:4px;
}

::-webkit-scrollbar-thumb:hover{
  background:#9ca3af;
}
*{
  scrollbar-color:#d1d5db transparent;
  scrollbar-width:thin;
}

.filter-white{
  filter:brightness(0) invert(100%);
}

.group:hover .group-hover\:text-primary .icon{
  filter:var(--filter-red);
}

.bg-negro .field--name-field-body p,.bg-negro h2,.bg-primary h2,.bg-primary p,.bg-rojo .field--name-field-body p,.bg-rojo h2{
  color:#fff;
}

.max-w-2xl{
  max-width:42rem;
}
/*# sourceMappingURL=base.css.map */