@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Oswald:wght@300;500&display=swap');

#hero-product-section {
	padding-top: 100px;
	background: #f1b91d;	
	/*background: url("../images/planes-background-producto-transparency.jpg") center center no-repeat;*/
	background-size: cover;	
}
#hero-product-section .container {padding-top: 50px; padding-bottom: 50px;}
h1, h2, h3 {font-family: 'Oswald', sans-serif;}
p, small, button, .textWho p {font-family: 'Montserrat', sans-serif;}
#hero-product-section h1{margin-top: 2px}
.checked {color: orange;}
.product-above-text {margin-top: 50px;font-weight: bold;}
.price{font-weight: bold; font-size: 42px; margin-bottom: 15px;}
.btn-dark {background-color: #222; color: #fff; font-size: 16px}
.btn-dark:hover {color:#f1b91d;}
#product-details h2 {margin-bottom: 35px}
#product-details {padding: 50px 0px; background: #fdfdfd;}
.planesDistancia {background: #222; color: #fff; padding: 15px 0px 0px;}
.textWho {padding-top: 10px;}
.textWho p {font-size: 14px;}
#hero-product-section .btn{min-width:260px; margin-bottom:10px}




.del:before {
    content: " ";
    display: block;
    width: 77%;
    border-top: 3px solid rgba(255, 0, 0, 0.8);
    height: 12px;
    position: absolute;
    bottom: 11px;
    left: 0;
    transform: rotate(-15deg);
    margin-left: 20%;
}
#product-details .btnPay{position:relative;margin: 0 20px;padding:0;background: #000;color: #fff;font-family: 'Rubik';font-weight: 100;font-style: normal;font-size: 14px;text-decoration: none;display: table;line-height: 1;padding: 15px 50px 15px 90px;background: #000 url(<?=base_url()?>images/iconPay.png) 45px 10px no-repeat;border-radius: 7px;float: left;}
.btnPay:before{content:"";width: 100%;height: 100%;position: absolute;border: 3px solid #000;left: 5px;top: 5px;border-radius: 7px;}
.btnPay:hover:before{content:"";width: 100%;height: 100%;position: absolute;border: 3px solid #f1b91d;left: 5px;top: 5px;border-radius: 7px;}
.btnPay:hover{background: #f1b91d;color: #000;background: #f1b91d url(../images/iconPayContrast.png) 45px 10px no-repeat;}
.btnPay span{margin:0;padding:0;font-family: 'Rubik';font-weight: 100;font-style: normal;font-size: 30px;text-decoration: none;padding-right: 6px;}
#product-details button{background:none;border: 0;padding: 0;}
@media only all and (max-width: 540px) {
    #product-details .btnPay{margin: 0;width: 100%;max-width: 300px;display: block;text-align: right;}
    #product-details .btnPay span{display: block;padding-right: 0;padding-bottom: 5px;text-align: left;} 
    
}
	#product-details button {
		margin: auto;
		margin-bottom: auto;
		display: block;
		margin-bottom: 20px;
	}