--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

div.body {
   min-height: 608px;
}

p.seccion {
   max-width: var(--ancho);
   margin:.5rem auto;
   font-family: var(--font1);
   font-size:1.5rem;
   padding:.5rem;
}

div.grid-container {
   display:grid;
   grid-template-columns:repeat(2, 1fr);
   grid-template-rows:repeat(1, minmax(350px, auto));
   grid-gap:30px;
   max-width:1000px;
   width:98%;
   margin:auto;
   margin-top:35px;
}

div.grid-container-pp {
   display:grid;
   grid-template-columns:repeat(1, 1fr);
   grid-template-rows:repeat(1, minmax(350px, auto));
   grid-gap:30px;
   max-width:400px;
   width:98%;
   margin:auto;
   margin-top:35px;
}

@media (max-width: 768px) {
   div.grid-container {
      grid-template-columns:repeat(1, 1fr);
   }
}

div.pp-card-height {
   height: 1330px;
}

div.grid-item-pack {
   justify-items:center;
   align-items:center;
   text-align:center;
   padding:10px;
   border-radius:6px;
   /*background:#FAFBFB;*/
   /*background:#e9f1f8;*/
   /*background:#f3f3f3;*/
   background:white;
   /*box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);*/
   /*box-shadow:0 2px 2px 0 rgb(0 0 0 / 8%);*/
   -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 12%);
   box-shadow: 0 1px 2px 0 rgb(0 0 0 / 12%);
   font-family:var(--bs-font-sans-serif);
}

div.grid-item-pack:hover {
   background:#fafafa;
   -webkit-box-shadow: 0 7px 15px 0 rgb(0 0 0 / 12%);
   box-shadow: 0 7px 15px 0 rgb(0 0 0 / 12%);
   -webkit-transition: -webkit-box-shadow .2s ease-in-out;
   transition: -webkit-box-shadow .2s ease-in-out;
   transition: box-shadow .2s ease-in-out;
   transition: box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
}

div.title {
   font-size:1.9rem;
   font-weight:bold;
   color:red;
   text-shadow: 0.05rem 0.05rem 1px gray;
}

div.comment {
   font-size:0.9rem;
   padding:10px 0px;
   font-family:var(--font1);
}

div.grid-price-container {
   display:grid;
   grid-template-columns:1fr auto 1fr;
   grid-template-rows:repeat(1, minmax(80px, auto));
   grid-gap:5px;
   max-width:350px;
   width:100%;
   margin:auto;
}

div.item-symbol {
   display:flex;
   align-items:end;
   justify-content:right;
   padding-bottom:13px;
   font-weight:bold;
   font-family:var(--font1);
}

div.item-price {
   font-size:4rem;
   font-weight:bold;
   display:flex;
   align-items:end;
   justify-content:center;
   font-family:var(--font1);
   text-shadow: 0.05rem 0.05rem 1px gray;
}

div.item-period {
   display:flex;
   align-items:end;
   justify-content:left;
   padding-bottom:13px;
   font-weight:bold;
   font-family:var(--font1);
}

div.suscribe {
   text-transform:uppercase;
   margin-top:25px;
   margin-bottom:15px;
   font-family:var(--font0);
   font-weight:bold;
}

div.secure-buy {
   text-transform:uppercase;
   margin-top:25px;
   margin-bottom:15px;
   font-family:var(--font0);
   font-weight:bold;
   color:red;
}

div.grid-buttons-container {
   display:grid;
   grid-template-rows:repeat(1, minmax(30px, auto));
   grid-gap:5px;
   width:99%;
   margin:auto;
   margin-bottom:15px;
}

div.tres-botones {
   grid-template-columns:repeat(3, auto);
}

div.cuatro-botones {
   grid-template-columns:repeat(4, auto);
}

div.un-boton {
   grid-template-columns:repeat(1, auto);
}

div.cinco-botones {
   grid-template-columns:repeat(5, auto);
}

a.item-button {
   padding:5px;
   border-radius:1.7rem;
   background:white;
   text-decoration:none;
   color:#333;
   border:1px #333 solid;
   /*box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);*/
   font-size:1.1rem;
   font-weight:bold;
   line-height:1.7rem;
}

a.item-button:hover {
   background:#333;
   color:white;
}

a.item-button-active {
   background:#333;
   color:white;
   /*font-weight:bold;*/
}

a.item-button-active:hover {
   opacity:0.9;
}

div.grid-details-container {
   display:grid;
   grid-template-colmns: repeat(1, 1fr);
   grid-template-rows:repeat(2, auto);
   grid-gap:5px;
   width:99%;
   margin:auto;
   margin-bottom:15px;
}

hr.details {
   border:0px;
   border-bottom:1px lightgray dashed;
}

ul.details {
   text-align:left;
}

.mercadopago-button {
   margin-bottom:15px;
   width:100%;
   height:45px;
   border-radius:23px!important;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
   font-size:16px!important;
   color:transparent;
}

.mercadopago-button:hover {
   opacity:0.9;
}

.mercadopago-button:before {
   content:' ';
   background-image:url(/media/mercado-pago.svg);
   background-size:28px 28px;
   display:inline-block;
   width:28px;
   height:28px;
   position:relative;
   top:8px;
   right:6px;
}

.mercadopago-button:after {
   content:' con Mercadopago';
}

div#mp-archivo, div#mp-digital, div#mp-impreso {
   height:60px;
   max-height:60px;
}

/*
div#pp-archivo, div#pp-digital, div#pp-impreso {
   height:145px;
   max-height:145px;
}
*/

.d-none {
   display: none!important;
}

/*Botones paypal*/

#pp-archivo {
   margin-top: 20px;
   margin-bottom: 20px;
}

#pp-digital {
   margin-top: 20px;
   margin-bottom: 20px;
}

#pp-impreso {
   margin-top: 20px;
   margin-bottom: 20px;
}

.btn-paypal-link {
   text-decoration: none;
   cursor: pointer;
}

.btn-paypal-buynow {
   display: flex;
   background-color: #ffc439;
   border: none;
   border-radius: 23px;
   padding: 6px;
   justify-content: center;
}

.logo-paypal {
   display: inline-flex;
   padding: 5px;
   height: 22px;
}

.texto-paypal {
   display: inline-flex;
   padding: 5px;
}

.text-uppercase { text-transform: uppercase; }