/* Fonts */
/* Resets */
.img-fluid {
width: 100%;
}
.noPadding {
padding: 0;
}
.row {
padding: 0 !important;
margin: 0 !important;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
section.noPadding {
padding: 0em 0;
}
/* Fonts */
/* Fonts */
body,
input,
textarea,
select {
font-weight: 400;
font-style: normal;
font-display: swap;
}
body {
background-color: #2e1a36;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-display: swap;
}
h1 {
font-size: clamp(1.3rem, 1.16rem + 0.7vw, 2rem);
font-weight: 700;
color: #921aad;
}
h2 {
font-size: clamp(1.5rem, 1.44rem + 0.3vw, 1.8rem);
color: #432350;
}
h3 {
font-size: clamp(1.2rem, 0.825rem + 1.2vw, 1.5rem);
}
p,
li {
font-size: clamp(1rem, 0.75rem + 0.8vw, 1.2rem);
}
label {
font-size: clamp(0.9rem, 0.775rem + 0.4vw, 1rem);
font-weight: 500;
color: #432350;
}
.smallTxt {
font-size: 0.7em;
text-align: center;
}
th,td{
color: #ffffff;
}
/* links */
a {
color: #f73939;
text-decoration: underline;
transition: color 0.3s;
}
a:hover,
a:active,
a:focus {
color: #fe4912 !important;
}
/* Buttons */
.btn {
font-style: normal;
font-weight: 400;
font-size: 1em;
padding: 0.5em 1em !important;
border-radius: 1.5rem;
background-color: #921aad;
border: 1px solid #d390e1;
max-width: 200px;
width: 100%;
transition: 0.3s ease;
color: #fff;
&:hover {
background-color: #d390e1;
color: #921aad;
max-width: 210px;
}
}
/* LANDING PAGE */
.wrap-landing {
display: grid;
grid-template-rows: auto 1fr auto;
position: relative;
min-height: 100dvh;
/* HEADER */
header {
background-color: gray;
.logo {
max-width: 250px;
width: 100%;
}
}
/* CONTENIDO */
.content-landing {
overflow: hidden;
.img-banner {
max-width: 600px;
width: 100%;
border-radius: 1.5rem;
box-shadow:0 0 20px #e495f5;
}
.content-form {
background-color: #c5b7c8;
border-radius: 1.5rem;
box-shadow:0 0 20px #e495f5;
}
/* ESTILOS PARA LOS INPUTS DEL FORM*/
.form-control,
select {
border-radius: 0.8rem;
}
.form-check {
a {
color: rgb(169, 18, 214);
&:hover {
color: #000 !important;
}
}
}
.content-factura{
/* border: 1px solid; */
border-radius: 1rem;
box-shadow:0 0 10px #fafafa;
}
/* ESTILOS PARA LA TY */
&.thankYou-page {
.img-bannerty {
max-width: 250px;
width: 100%;
border-radius: 1.5rem;
box-shadow: none !important;
}
}
#monsterImage{
filter: drop-shadow(2px 2px 8px rgba(4, 255, 21, 0.732));
}
&.wrapTable {
overflow: hidden;
.contentTable {
max-height: 700px;
margin: 0 auto;
overflow-x: scroll;
}
}
}
/* FOOTER */
footer {
background: linear-gradient(to bottom, #1a0e1f96, #000000);
.logo {
max-width: 200px;
width: 100%;
}
}
}
/*Responsive*/
@media only screen and (max-width: 991px) {
.wrap-landing {
.content-landing {
.img-banner {
max-width: 400px;
}
&.wrapTable {
.contentTable {
max-height: 700px;
margin: 0 auto;
overflow-x: scroll;
}
}
}
}
}