/*
Theme Name: OXAPAMPA.PE
Theme URI: https://oxapampa.pe
Author: OXAPAMPA.PE
Author URI: https://oxapampa.pe
Description: OXAPAMPA.PE
Version: 1
*/

@import url("css/reset.css");
@import url("css/font.css");

* { box-sizing: border-box; }
body { font-size:16px; color:#1c1e21; font-weight:400; font-family:HSans,Helvetica,Arial,Lucida Grande,sans-serif; background:#FFF; }
a:link { color: #0054c8; text-decoration: none; transition-duration:.25s; }
a:hover { color: #0054c8; text-decoration: none; transition-duration:.25s; }
a:active { color: #0054c8; text-decoration: none; transition-duration:.25s; }
a:visited { color: #0054c8; text-decoration: none; transition-duration:.25s; }
b { font-weight: 600; }
strong { font-weight: 600; }


/* ACC */
.wrapper { max-width:2000px; margin:auto; }
.container { max-width:1132px; width:95%; margin:auto; }
.flex { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }

/* BUTTON */
.button { text-align:center; }
.button a { display:inline-block; color:#FFF; background:#de0000; padding:15px 30px; border-radius:20px; }
.button a:hover { background:#c80000; }

/* HEADER */
.header { padding: 12px 0; background: #0f47af; }
.header .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;  }
.header-logo { width: 35%; }
.header-logo a { font-size: 1.8em; color: #FFF; font-weight: 700; }
.header-nav { width: 64%; }


/* NAV */
.nav { width: 100%; }
.nav ul { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: stretch; }
.nav li a { color: #FFF; padding: 10px 10px; border-radius: 3px; display: block; }
.nav li a:hover { color: inherit; background: #FFF; }

/* TITLE */
.title { padding:30px 0; text-align:center; }
.title h1 { font-size:2em; font-weight:bold; line-height:1.5em; color:#c80000; }
.title h2 { font-size:1.5em; font-weight:bold; line-height:1.5em; color:#c80000; }

/* SEC */
.sec-home { padding-bottom:30px; }
.sec-home-slide { width: 100%; }
.sec-home-slide figure img { width: 100%; height: auto; }
.sec-home .title h1 { text-transform:uppercase; }
.sec-home .padding { padding-top:0; }

.article {  }
.aside {  }

.sec-page { padding-bottom:30px; }
.sec-packages { padding-bottom:30px; background:#EEE; }
.sec-package { padding:30px 0; background:#CCC; }
.sec-package-wrapper { max-width:738px; margin:auto; padding: 0 40px 40px 40px; background:#FFF; border-radius:2px; border:1px solid #CCC;  box-shadow:2px 2px 4px rgb(176 176 176 / 40%); }


/* SINGLE */
.single h1 {  }
.single h2 { font-size: 1.5em; line-height: 1.3em; margin-bottom: 5px; }
.single h3 { font-size: 1.3em; font-weight: 500; margin-bottom: 10px; }
.single h4 { font-size: 1.5em; font-weight: 500; margin-bottom: 10px; }
.single p { line-height: 1.4em; margin-bottom: 10px; }
.single p:last-of-type { margin-bottom:0px; }
.single p a { text-decoration: underline; }
.single p a:hover { text-decoration: none; }
.single p b { font-weight: 700; }
.single p em { color: #F30; font-style: italic; }
.single p strong { font-weight: 700; }
.single ul { margin-bottom: 10px; }
.single ol { margin-bottom: 10px; }
.single li { margin-left: 25px; padding: 5px 0; list-style-type: disc; }
.single figure { margin-bottom: 10px; }
.single img { max-width: 700px; width: 100%; height: auto; border-radius: 3px; }

.single .alignleft { float: left; margin: 5px 10px 5px 0; }
.single .alignright { float: right; margin: 5px 0 5px 10px; }
.single .aligncenter { text-align: center; margin-bottom: 10px; }
.single img.aligncenter { margin-left: auto; margin-right: auto; display: block; }


/* COLUMN-FULL */
.wp-block-columns { padding-top:50px; padding-bottom:50px; }
.wp-block-columns:first-of-type { padding-top:0; }
.wp-block-columns:last-of-type { padding-bottom:0; }
.wp-block-columns { align-items: center !important; }
.wp-block-heading { font-size:1.5em !important; font-weight:bold; }


.media .wp-block-media-text { border-bottom: #EEE solid 1px; padding-top: 20px; padding-bottom: 20px; }
.media .wp-block-media-text:last-child { border-bottom: 0 !important; }
.media .wp-block-media-text__media {  }
.media .wp-block-media-text__content h2 { font-size: 1.5em; line-height: 1.3em; margin-bottom: 10px; }
.media .wp-block-media-text__content p { text-align: left; }
.media a.wp-block-button__link { color: #FFF !important; text-decoration: none !important; background: #1877f1; }
.media a:hover.wp-block-button__link { background: #166ee0; }


/* SINGLE ACC TRAVEL */
.datos { background: #FFC; padding: 10px; border: #FC0 solid 1px; border-radius: 3px; }
.datos strong { font-weight: 500 !important; }
.datos em { font-style: normal; color: #F60; font-weight: 500 !important; }

.subtitulo { font-size: 1.8em; color: #F60; text-align: left; margin-top: 15px; margin-bottom: 5px; }
.subtitulo:before { content: "\f0a9"; display: inline-block; font-family: 'Font Awesome 5 Free'; color: #F60; font-weight: 900; width: 35px; }

.incluye { background: #FFC; padding: 10px; border: #FC0 solid 1px; border-radius: 3px; }
.incluye li { margin-left: 25px; list-style-type: none; border-bottom: #ffd65a solid 1px; }
.incluye li:before { content: "\f00c"; display: inline-block; font-family: 'Font Awesome 5 Free'; color: #090; font-weight: 900; width: 25px; margin-left: -25px; }
.incluye li:last-of-type { border-bottom: 0; }

.no-incluye { background: #EEE; padding: 10px; border: #CCC solid 1px; border-radius: 3px; }
.no-incluye li { margin-left: 25px; list-style-type: none; border-bottom: #CCC solid 1px; }
.no-incluye li:before { content: "\F056"; display: inline-block; font-family: 'Font Awesome 5 Free'; color: #999; font-weight: 900; width: 25px; margin-left: -25px; }
.no-incluye li:last-of-type { border-bottom: 0; }


/* ARTICLES */
.article-packages { width:310px; }
.article-packages-wrapper { background:#FFF; padding:5px; border-radius:5px; overflow:hidden; margin-bottom:25px; box-shadow:2px 2px 4px rgb(176 176 176 / 40%); }
.article-packages-image { width:100%; position:relative; }
.article-packages-image figure img { width:100%; height:auto; border-radius:3px; }
.article-packages-image-wallets { position:absolute; width:70px; height:32px; right:5px; bottom:22%; z-index:9;
	background-image:url(images/packages-billeteras.png); background-repeat:no-repeat; background-position:center; background-size:cover;}
.article-packages-image-booking { position:absolute; right:0; bottom:3%; z-index:9; background:#720E9E; padding:8px; border-bottom-left-radius:5px; border-top-left-radius:5px; font-size:0.8em; color:#FFF; }
.article-packages-title { padding:15px 0; border-bottom:#EEE solid 1px; }
.article-packages-title h3 { font-size:1.2em; line-height:1.1em; color:#de0000; text-align:center; font-weight:600; }
.article-packages-title h3:hover { text-decoration:underline; }
.article-packages-duration { padding:15px 0; color:#666; text-align:center; text-transform:uppercase; border-bottom:#EEE solid 1px; }
.article-packages-prices { padding:15px 0; text-align:center; }
.article-packages-prices-regular { display:inline-block; margin-right:10px; font-size:1.2em; color:#0054c8; }
.article-packages-prices-offer { display:inline-block; margin-left:10px; font-size:1.2em; color:#de0000; font-weight:600; }
.article-packages-button { background:#de0000; padding:15px 0; border-radius:3px; display:block; color:#FFF; text-align:center; transition-duration:.25s; }
.article-packages-button:hover { background:#af0000; transition-duration:.25s; }


/* FOOTER */
.footer { padding: 50px 0 50px 0; color: #CCC;  background: #666; }

.sec-contact { text-align: center; margin-bottom:30px; }
.sec-contact-whatsapp::before { font-family:"Font Awesome 6 Brands"; content:"\f232"; margin-right:8px; color:#25D366; font-size:1.2em; font-weight:900; }
.sec-contact-email::before { font-family:"Font Awesome 6 Free"; content:"\f0e0"; margin-right:8px; color:#25D366; font-size:1.2em; font-weight:900; }
.sec-contact-address::before { font-family:"Font Awesome 6 Free"; content:"\f3c5"; margin-right:8px; color:#25D366; font-size:1.2em; font-weight:900; }

.sec-social { width:35%; margin:auto; margin-bottom:30px; }
.sec-social-item { width:49px; }
.sec-social-item i { width: 45px; height:45px; display:block; font-size: 1.2em; padding: 10px 0; color:#FFF; text-align: center; border:#FFF solid 2px; border-radius:50%; }
.sec-social-item i:hover { display:block; color:#FFF; border:#FF0 solid 2px; }

.sec-copyright { padding:30px 0; text-align:center; }