/*
Theme Name: OnlyCuscoTheme
Description: Tema para WordPress.
Author: 
Author URI: 
version: 2.8.1
Tags: tema
*/


:root{
  --bgcolor: #456DAC;
  --bgcalltoactions:#f3591e;
  --serif: "PT Serif", serif;
  --texts:"Poppins", serif;
}

*{margin:0; padding:0; transition: all 0.5s;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.margins{width: 1200px; margin: auto;}
.flexcontent{display:flex;}
.spacebetween{justify-content: space-between; flex-wrap: wrap; gap: 30px;}
.alignitemscenter{align-items: center;}

.topdatos{background-color:var(--bgcolor); line-height: 0;}
.topdatos a{color:#fff; font-size: 13px; text-decoration: none; line-height: 0;}
.logotripadvisor{ background: url(images/logo-tripadvisor47x30.webp) center left no-repeat; background-size: 18px auto; padding: 15px 10px 15px 24px;}
.iconomail{ background: url(images/icono-mail42x30.webp) center left no-repeat; background-size: 18px auto; padding: 15px 10px 15px 24px;}
.iconophone{ background: url(images/icono-phone-call30x30.webp) center left no-repeat; background-size: 18px auto; padding: 15px 10px 15px 24px;}
.iconoingles{ background: url(images/icono-english-flag.webp) center left no-repeat; background-size: 18px auto; padding: 15px 10px 15px 24px;}

.topdatosleft{justify-content:left; align-items: center; gap: 30px;}
.topdatosright{justify-content: right; align-items: center;}

.logotop{ padding: 10px 0;}
.logotop figure{width: 100px;}
.logotop figure img{ width: 100%; height: auto;}

.mainmenu ul{display:flex; justify-content: right; gap: 20px; align-items: center;font-family: var(--serif);}
.mainmenu ul li { list-style: none; font-size: 16px; letter-spacing: 1px;}
.mainmenu ul li a{display:block; padding: 10px ; text-decoration: none; color:var(--bgcolor)}
.mainmenu ul li a:hover{background-color: var(--bgcalltoactions); color:#fff;}

.homeblog{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px 1%;}
.blog-post{ width: 32%;box-sizing: border-box; padding: 30px; background-color: #f8f8f8;}
.imgmainblog{}
.imgmainblog img{width: 100%; height: auto;}
.post-title { font-family: var(--serif); font-size: 26px; color: var(--bgcolor); padding: 15px 0 5px; }
.post-title a { color: var(--bgcolor); text-decoration: none;}
.post-excerpt{ font-family: var(--texts); font-weight: 300; font-size: 16px; line-height: 22px; margin: 10px 0; }
.titleblog { font-family: var(--serif); font-size: 40px; text-align: center; color: var(--bgcolor); }

.contentblog article h1 { font-family: var(--serif); font-size: 40px; text-align: center; color: var(--bgcolor); }
.contentblog article h2 { font-family: var(--serif); font-size: 30px; color: var(--bgcolor); }
.contentblog article h3 { font-family: var(--serif); font-size: 26px; color: var(--bgcolor); padding: 15px 0 5px; }
.contentblog article h4 { font-family: var(--serif); font-size: 20px; color: var(--bgcolor); }
.contentblog article h5 { font-family: var(--serif); font-size: 20px; color: var(--bgcolor); }
.contentblog article h6 { font-family: var(--serif); font-size: 18px; color: var(--bgcolor); }
.contentblog article p { font-family: var(--texts); font-weight: 300; font-size: 16px; text-align: justify; line-height: 26px; margin: 10px 0; }
.contentblog article ul, ol { margin: 10px 0 10px 40px; }
.contentblog article ul li, ol li { font-family: var(--texts); font-weight: 300; font-size: 16px; text-align: justify; margin: 10px 0; }
.contentblog article strong { font-weight: 500; }

/* Estilos para tablas */
.contentblog article table { width: 100%; border-collapse: collapse; margin: 20px 0; font-family: var(--texts); font-size: 16px; text-align: left; background-color: #fff; border: 1px solid var(--bgcolor); }
.contentblog article th, contentblog article td { padding: 10px; border: 1px solid var(--bgcolor); }
.contentblog article th { background-color: var(--bgcolor); color: white; font-weight: bold; text-transform: uppercase; }
.contentblog article tr:nth-child(even) { background-color: #f9f9f9; }
.contentblog article tr:hover { background-color: rgba(0, 0, 0, 0.05); transition: background-color 0.3s ease-in-out; }
.contentblog article td{padding: 5px 10px;}

.category-contenedor-posts{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px;}
.category-post-item{width: 31%; position: relative;}
.category-post-item img{width:100%; height: auto;}
.category-post-title{ position: absolute; font-size:26px; width: 70%; top: 0;}
.category-post-title a{color:#fff; text-shadow: 2px 2px 2px #000; text-decoration: none; padding: 35px; display: block;}
.category-post-info{position: absolute; left: 30px; bottom: 30px; right: 30px}
.category-post-lugares{ background: url(images/icono-lugares40x27.webp) left center no-repeat; background-size: 14px auto; font-size: 20px; color:#fff; padding: 0 0 0 24px;}
.category-post-duracion{ font-size: 20px;color: #fff;margin: 10px 0 0;border: solid 2px #FFF; display: inline-block; padding: 5px 15px; border-radius: 10px;}



.bgdecorfooter{background: url(images/bg-footer.webp) center top; min-height: 170px; background-size: 100% auto;}
footer{background-color:#000;}
.footerlogos{ display: flex; justify-content: space-between; gap: 40px; padding: 40px 0 0}
.footerlogos figure img{width:auto; height:45px;}
.footercontent{padding: 40px 0; color: #fff;border-top: solid 1px #4a4a4a; margin-top: 40px;}
.footerone{width: 300px; font-family: var(--texts); font-size: 14px; font-weight: 300;}
.redesfooter{padding: 20px 0 0 0;}
.redesfooter>div{display: flex; gap: 15px;}
.redesfooter>div img{width:12px; height: auto;}
.redesfooter>div a {display: block; padding: 7px 9px 3px; border-radius: 2px; border: solid 1px #4a4a4a;}
.redesfooter>div a:hover {background-color: var(--bgcalltoactions); border: solid 1px var(--bgcalltoactions);}
.footertwo{width:800px; font-family: var(--texts); font-size: 14px; font-weight: 300;}
.footertwo ul{display: flex; justify-content: right;}
.footertwo ul li{list-style: none; font-family: var(--texts); font-size: 13px; letter-spacing: 2px;}
.footertwo ul li a{color:#fff; text-decoration: none; display: block; padding: 10px;}
.footertwo ul li a:hover{background-color: var(--bgcalltoactions);}
.pagosfooter{padding: 20px 0 0 0;}
.pagosfooter>div{display: flex; justify-content: right; gap: 10px;}
.pagosfooter>div img{width: 40px; height: auto;}

.fixedwhatsapp{position: fixed;bottom: 30px;right: 30px;text-align: center; background: url(images/whatsapp-white-50x50.webp) left +10px center no-repeat #35a357; animation: scaleEffect 2s infinite; padding: 10px 10px 10px 45px; background-size: 30px; border-radius: 10px;}
.titlewhastapp{font-family: var(--texts); font-size: 12px; color: #fff;}
.numberwhastapp{font-family: var(--serif); font-size: 18px;}
.numberwhastapp a{color:#fff; text-decoration: none;}

@keyframes scaleEffect {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.rowcontactform {display: flex; align-items: center;}
.rowcontactform p{padding: 8px !important;}
.rowcontactform .label{ width:200px;}
.rowcontactform .input{width: 500px;}
.rowcontactform .input input{ padding:10px 20px; box-sizing: border-box; width: 100%; font-size: 16px;}
.rowcontactform .input select{ padding:10px 20px; box-sizing: border-box; width: 100%; font-size: 16px;}
.rowcontactform .input textarea{ padding:10px 20px; box-sizing: border-box; width: 100%; font-size: 16px;}
.rowcontactform .wpcf7-checkbox span label{display: flex;}
.rowcontactform .wpcf7-checkbox span label input{width: inherit;}
.rowcontactform .wpcf7-checkbox span label span{width: 600px;}
.buttomform { text-align: center;}
.buttomform input{ border: none; padding: 15px 20px 15px 60px; background: url(images/icono-sendbuttom.webp) left +10px center no-repeat var(--bgcalltoactions); background-size: auto 20px;font-size: 16px; letter-spacing: 2px; color: #fff; border-radius: 10px;}


.imgleft{float: left; margin-right: 50px;}


.copyright{background-color:#101010; padding:30px 0; color:#fff; font-size:14px; font-weight:300; font-family: var(--texts);}
.copyright .designer{ font-size:11px; color:#C8C8C8}
.copyright .designer a{ color:#C8C8C8;}

@media(max-width:768px){
    .alignleft, .alignright{display: block; margin: auto auto 10px;float: none;}
    .margins{width: 90%; margin: auto;}
    .blogcontent .titleh1blog{font-size: 24px;}
    .imgblog img{width:100%; height: auto;}
    .headerweb h1{font-size: 12px;}
    .headerweb h2{font-size: 22px;}
    .headerwebprices { min-width:130px;}
    .headerwebpricestwo {min-width:130px; }
}
@media(max-width:480px){
}