/**pricing**/
.content-plan{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1rem;
} */

.detailed-grid{
    margin-top: 5rem;
}

.table-grid:nth-child(1){
    grid-column-start: 1;
    grid-column-end: 2;
}
.table-grid:nth-child(2){
    grid-column-start: 2;
    grid-column-end: 3;
}
.table-grid:nth-child(3){
    grid-column-start: 3;
    grid-column-end: 4;
}
.table-grid:nth-child(4){
    grid-column-start: 4;
    grid-column-end: 5;
}
a.button1 {
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: #e7663f;
    padding: 1em 2em;
    display: block;
    width: 100%;
}

/* a.button1:hover {
    background: #585CA7;
}  */
 
a.button1:hover {
    background: hsl(147, 99%, 40%);
} 







/* ------------------------------------ */
.detailed-section h2 {
    font-size: 2rem;
    text-align: center;
    text-transform: capitalize;
    font-family: 'Voltaire', sans-serif;
    color: var(--heading-color);
}


.detailed-section {
    /* padding: 4em 0; */
	text-align: center;
}
.detailed-top h4 {
    font-size: 1.5rem;
    text-transform: capitalize;
    color: #fff;
    font-family: 'Voltaire', sans-serif;
}
.detailed-top {
    padding: 1.5rem 0;
    /* background: #7277d5; */
    background: var(--bg-layer);
    border-bottom: 5px solid #E7663F;
}
.detailed-top:hover {
    background: #e7663f;
	border-bottom: 5px solid #7277d5;
}
.detailed-grid {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.detailed-grid:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.detailed-bottom h5 {
    font-size: 1.5rem;
    /* background: #fff; */
    padding: .5em 0;
    font-weight: 600;
    background: var(--bg-color); 
    
}
.detailed-bottom {
    background: #eee;
}
.detailed-bottom ul li {
    color: #777;
    /* padding-top: .8em; */
    font-size: 0.9rem;
    line-height: 1.1rem;
    padding: .5rem 1.1rem;
    list-style: none;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.detailed-grids {
    margin-top: 3em;
}
.detailed-bottom span {
    font-size: .8rem;
}
.date-table {
    padding: 4em 0;
	background:#ECECEC
}
.table-bottom ul li {
    display: block;
}
.table-top {
   padding: .7em 1em;
    background: #7277d5;
}
.table-top h4 {
    font-size: 2.5em;
    text-transform: capitalize;
    color: #fff;
    font-family: 'Voltaire', sans-serif;
}
.table-bottom h5 {
    font-size: 2.5em;
    background: #383636;
   padding: .7em ;
    font-weight: 600;
	color:#fff;
}
.table-grid {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.table-grid:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.table-bottom ul li {
    color: #4A4848;
    font-size: 1.2em;
    line-height: 2em;
    padding: .8em 2em;
    list-style: none;
    border-bottom: 1px dotted #ddd;
}
span.month {
    font-size: .5em;
}
.table-bottom {
    background: #fff;
}
a.button4 {
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background: #e7663f;
    padding: 1em 2em;
    display: block;
    width: 100%;
    text-align: right;
}
a.button4:hover {
    background: #7277D5;
}
.table-grids {
    margin-top: 3em;
}
.date-table h3,.simple-prices h3 {
    font-size: 3em;
    text-align: center;
    text-transform: capitalize;
    font-family: 'Voltaire', sans-serif;
    color: #222;
}


.simple-prices {
    padding: 4em 0;
	text-align: center;
}
.simple-left {
    width: 50%;
    float: left;
    padding: 3em 4em;
    background: #e7663f;
}
.simple-left:hover {
    background: #7277D5;
}
.simple-right {
    width: 50%;
    float: left;
    background: #272727;
    padding: 2em 1.5em;
}
.simple-left h4 {
    font-size: 2.5em;
    text-transform: capitalize;
    color: #fff;
	font-family: 'Voltaire', sans-serif;
}
.simple-left h5 {
    font-size: 2em;
    color: #fff;
    margin-top: .5em;
}
.simple-right p {
    font-size: 1em;
    line-height: 1.8em;
    color: #777;
}
.simple-right a {
    font-size: 1em;
    color: #fff;
    text-decoration: none;
    margin-top: 2em;
    display: block;
    text-transform: uppercase;
    background: #7277d5;
    width: 100%;
    padding: 1em;
}
.simple-right a:hover {
    background: #E7663F;
}
.simple-grids {
    margin-top: 3em;
}
.simple-grid span {
    font-size: .5em;
}




.fa-check-circle:before {
    color: hsl(147, 99%, 40%);
    margin-right: .5rem;
  }


  .detailed-bottom ul li:hover {
    color: green;
    border: 1px solid green;
}

/* .detailed-grid:hover {
    border: 3px solid yellowgreen;
} */
.detailed-bottom:hover  {
    border: 1px solid var(--bg-layer);;
}


.detailed-bottom li span {
    font-size: .8rem;
 
}

/* Pantallas Grandes */
@media (min-width: 1600px) { 
    .container {
        max-width: 85%;
    }
}

.plan1 {
    background: var(--bg-color); 
    padding-top: 3rem;
}
.plan2 {
    background: var(--bg-grey); 
    padding-top: 3rem;
    padding-bottom: 3rem;
}





.brands {
    /* background: #397f6a; */
    background: var(--bg-brand);
}
footer .footer {
    /* background: rgba(1, 73, 179, 0.9); */
    background: var(--bg-footer); 
}
footer.text-center {
    /* background: rgba(1, 73, 179, 0.9); */
    background: var(--bg-copy);
}