/*
Theme Name: Prespa Child
Theme URI: https://nasiothemes.com/themes/prespa
Template: prespa
Author: Iohan Ramón Céspedes Ramírez
Author URI: https://www.linkedin.com/in/iohancr/
Description: Prespa is a next-generation multi-purpose WordPress theme. It is perfect for a blog, portfolio website, digital agency, marketing, seo, consulting, sass application website, e-commerce shop as well as any type of corporate, finance and agency website. You will be surprised how many options this generous theme provides. At the same time, a serious effort has been made to optimize the theme for speed. No Jquery, Bootstrap, Font Awesome or any other third-party library to slow you down - it uses only core WordPress functions and clean html5/css3 tempates. With our beautiful block patterns, you will be able to get started in minutes. No coding skills needed. A lot of time and effort has been spent to optimize the theme for SEO and it uses Schema.org markup (microdata) to help you rank higher in the search results. The theme is highly customizable and easy to adapt to any design. All theme demos have been made with the Gutenberg editor, which means you do not have to install any additional plugins to use the theme. At the same time, the theme also fully supports the good old Classic editor. Effortless integrations with all the popular WordPress plugins, e.g. WooCommerce is also fully guaranteed. The theme is specifically designed to make your content stand out from the crowd and it is very well thought in terms of UX/UI. Protect your visitors' eyes by allowing them to switch between day and night mode (light and dark mode) with a single click. Oh, and just like with our other themes, updates will keep on coming, constantly improving the codebase and keeping it up to date to the modern web standards. Still not convinved? Check the theme demo at https://prespa-demo.nasiothemes.com/ Theme documentation: https://nasiothemes.com/prespa-theme-documentation/
Tags: blog,news,e-commerce,one-column,two-columns,three-columns,four-columns,grid-layout,right-sidebar,left-sidebar,block-patterns,wide-blocks,custom-colors,custom-header,custom-logo,custom-menu,featured-image-header,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.1726632715
Updated: 2024-09-18 10:11:55

*/


/* -------------------------
 * 					DOM 
 * ------------------------- */

 figure {
    margin: 0;
}

a:hover {
	color: #8000FF;
	font-weight: bold;
}

.site-info{
	display: none;
}

body, span, a, p, div, h1, h2, h3, h4, h5, h6, content, li, ul, ol, blockquote, button, input, textarea {
   font-family: var(--wp--preset--font-family--raleway);
}

:root :where(h1){
	line-height: 1.2;
	margin-top: 5rem;
}
:root :where(p){
	margin-top: 10px;
	line-height: 1.2;
}
.entry-content h1{
	margin-top:1rem;
}
.entry-content h2{
	margin-top:1.5rem;
}
/* -------------------------
 * 					MENU 
 * ------------------------- */
body:not(.dark-mode) .main-navigation-container {
    background-color: #8000FF
}

.menu-toggle .burger, .menu-toggle .burger:before, .menu-toggle .burger:after {
    border-bottom: 2px solid #ffffff;
}

.slide-menu a:hover {
	color: #fff;
}

.main-navigation-container {
	position:fixed;
	top:0;
}

.header-image-wrapper{
	margin-top: 1rem;
	margin-bottom: 0;
}
.site-wrapper span{
	margin-top: 6rem;
}
/* Para pantallas menores o iguales a 991.98px */
@media (max-width: 991.98px) {
  .header-image-wrapper {
    max-height: 500px;
		top:6rem;
  }
}
@media (max-width: 991.98px){
	.site-main{
	margin-top:6rem;
}
}

/* Para pantallas menores a 768px */
@media (max-width: 768px) {
  .header-image-wrapper {
    max-height: 200px;
  }
}
.header-image-container{
	text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5) !important;
}

@media (min-width: 850px) and (max-width: 1150px) {
  .page-title {
    margin-top: 8rem;
  }
}

.header-content-wrapper{
	max-width:100% !important;
}



body:not(.dark-mode):not(.has-transparent-header) .call-to-action.wp-block-button .wp-block-button__link{
				display:none;
	      color: #8000ff;
        font-weight: bold;
        background-color: white;
        border-radius: 0px;
				padding: 0.5rem 3.5rem;
}

@media (max-width: 864px){
	body:not(.dark-mode):not(.has-transparent-header) .call-to-action.wp-block-button .wp-block-button__link{
		display:none;
	}
}



/* -------------------------
 * 					SIDEBAR 
 * ------------------------- */
.widget-column:not(:last-child) {
    border-right: none;
}

.wp-block-buttons.is-layout-flex {
        display: flex;
        justify-content: space-between; /* Esto distribuirá los elementos horizontalmente con espacio entre ellos */
    }

    .wp-block-button {
        flex: 0 0 auto; /* Esto asegura que los botones no se expandan */
    }

.hentry, #secondary > section {
    box-shadow: none; 
}

@media (min-width: 54rem)
.hentry, #secondary > section, .comment-body, .comment-form, .about-author {
    padding: 0;
}

.button-container {
        display: flex;
        justify-content: space-between;
    }
    
    .buttonMobile {
        flex-grow: 1;
        background-color: #C4CCD8;
        color: white;
        padding: 10px;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }
    .button {
        flex-grow: 1;
        background-color: #C4CCD8;
        color: white;
        padding: 10px;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }

    .button.active {
        background-color: #969696; /* Cambia el color cuando está activo */
    }
    .buttonMobile.active {
        background-color: #969696; /* Cambia el color cuando está activo */
    }

    .divider {
        width: 1px;
        background-color: #FFFFFF;
    }


.btn-cotizar{
  background-color: #8000FF;
}

.list-text{
  font-size: 0.85rem;
}

.accordion-button:not(.collapsed){
	color: black;
	font-size: 1.5rem;
	background-color: rgba(219, 219, 219, 0.3); 
}

.accordion-button{
	color: black;
	font-size: 1.5rem;
}

.accordion-item {
  background-color: rgba(219, 219, 219, 0.3); 
  margin-bottom: 10px; 
  border: 1px solid #d1d1d1; 
}
    .accordion-header {
      border-top: 5px solid #8000FF;
    }

.accordion-button:focus{
	box-shadow: none;
}


/* -------------------------
 * 					CARDS
 * ------------------------- */

.has-sidebar .post-thumbnail img{
	max-height:8rem;
	margin-bottom: 0.5rem;
}

@media (min-width: 991.98px){
	.has-sidebar .post-thumbnail img{
		max-height:12rem;
		margin-bottom: 0.5rem;
	}
	
}
.top-meta a:nth-of-type(3n), .top-meta a:nth-of-type(3n+2){
	color:white;
}

.entry-meta>span{
	margin-bottom:10px;
	display:none;
}

.text-wrapper .entry-title a{
	font-size: 18px;
}
.editor-styles-wrapper, .entry-content{
	font-size:14px;
	line-height: 1.5;
}

.text-wrapper .entry-title{
	line-height: 1;
}
/* -------------------------
 * 					SUBFOOTER 
 * ------------------------- */
.subfooter-list {
    list-style-type: none;
    padding: 0; 
}

.subfooter-list li {
    margin-bottom: 5px; 
}

.subfooter-list li a {
    text-decoration: underline; 
    color: inherit; 
}

.subfooter-list h4 {
    margin-top: 20px; 
    margin-bottom: 10px;
}

.subfooter-column {
    margin-left: 20px; 
}

.subfooter {
  background-color: #DBDBDB; 
  padding: 20px 0;
        }

.subfooter a {
	color: #2F3033;
	text-decoration: underline; 
       }
.subfooter a:hover {
	color: #969696;                  }
/* -------------------------
 * 					FOOTER 
 * ------------------------- */


.site-footer{
	padding: 0rem;
}

/* -------------------------
 * 					PAGINA 404 
 * ------------------------- */
.text-404 {
	color: #8000FF;
	margin-top: 100px;
}

.line-height-custom {
	line-height: 1;
}

.text-404-url {
	color: #8000FF;
	text-decoration: underline;
	font-size: 1rem;
	text-align: start;
}

.text-404-url:hover {
	color: #969696;
}

/* -------------------------
 * 					Tablas
 * ------------------------- */

body{
	    word-break: normal;
}

/***Articulos relacionados***/
.rp4wp-related-posts ul li, .rp4wp-related-posts img {
  
grid-template-columns: 30% 70%;
}
@media (max-width:768px) {
.rp4wp-related-posts ul li, .rp4wp-related-posts img {
  justify-content: space-around;
}
}
.entry-content h2{
font-size: 22px;
}
.rp4wp-related-posts ul li{
list-style-type: none;  
padding:0;
}

.rp4wp-related-posts img{

max-height: 40px ;
width: 100px !important;
object-fit: cover;

}
.rp4wp-related-posts li{
margin-left:0;
}

/* Cambiar solo el color de la flecha del dropdown */
.form-select {
    color: #969696; /* Mantener el texto en negro */
  
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    padding-right: 30px;
}

/* Dejar solo el borde inferior en inputs y selects */
.form-control, .form-select {
    border: none;
    border-bottom: 1px solid #B366FF !important; /* Solo línea inferior morada */
    border-radius: 0 !important;
    box-shadow: none !important;
	
}

/* Botón de "Cotizar" en morado con letras moradas */
.btn-primary {
    background-color: #8000FF!important;
    font-weight: bold;
	padding-right: 2rem;
	padding-left: 2rem;
	border-radius: 0px;
	
}

.sidebar input.form-control {
    border: none; /* Elimina todos los bordes */
    border-bottom: 2px solid #969696; /* Agrega un borde solo en la parte inferior */
    border-radius: 0; /* Elimina bordes redondeados */
    padding: 8px; /* Ajusta el padding para mejor apariencia */
    outline: none; /* Evita que se muestre un contorno al hacer clic */
    box-shadow: none; /* Elimina sombras predeterminadas */
}

.sidebar input.form-control:focus
{
    border-bottom: 2px solid #969696; /* Cambia el color del borde al enfocar */
    outline: none;
}

/************BUSCADOR***********/

/* Estilos generales del formulario */
.search-form {
  border-radius: 5px 0 0 5px;
  overflow: hidden;
  border: none;
}

/* Estilos del input de búsqueda */
.search-input {
  background-color: #DBDBDB;
  color: #DBDBDB;
  border-radius: 5px 0 0 5px;
  border: none;
  padding: 0.5rem;
  outline: none;
}

/* Placeholder con el mismo color */
.search-input::placeholder {
  color: #DBDBDB;
  opacity: 1;
}

/* Estilos del botón de búsqueda */
.search-button {
  background-color: #B366FF;
  border-radius: 0 5px 5px 0;
  border: none;
  padding: 0.5rem;
}

/* Estilos para el icono dentro del botón */
.search-icon {
  width: 1.5rem;
  height: 1.5rem;
}

/* Estilos para la estructura de input-group */
.search-form .input-group {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

/* Si quieres ajustar el tamaño del texto de alguna parte */
.text-size {
  font-size: 1.2rem !important;
}

/* Ocultar botón de limpiar del input en navegadores */
.search-form input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.search-form input[type="search"]::-ms-clear {
  display: none;
}


.post-meta {
	margin-top: 0.5rem;
	margin-bottom: 2rem;
	color: #444;
	font-size: 0.8rem;
	line-height: 1.4;
}

.post-meta .post-date {
	font-weight: 400;
}

.post-meta .post-author {
	font-style: normal;
}

.buscador-movil {
  display: none; /* Por defecto oculto */
}

@media (max-width: 864px) {
  .buscador-movil {
    display: block !important; /* Se muestra en móviles */
  }
}




/************************* BOTONES & BANNER ********************************/

.site-header {
  width: 100%;
}

.banner-container {
  position: relative;
  width: 100%;
}

.banner-img {
  width: 100%;
  height: auto;
  display: block;
}



@media (min-width: 1000px){
	.cotizar-btn{
		right: 8rem;
	}
}

.cotizar-btn {
  position: absolute;
  top: -10rem;
  right: 2rem;
  transform: translateY(-10%);
  background-color: #8000ff; /* morado */
  color: white;
  text-decoration: none;
  padding: 1.5rem 5rem;
  border: none;
  border-radius: 0; /* sin bordes redondeados */
  font-weight: bold;
  z-index: 5;
}


@media (max-width: 1109px){
	.cotizar-btn{
		top: -5rem;
	}
}
.cotizar-btn:hover{
	color: white;
}
.btn-flot {
  display: block;
  width: 90%;
  margin: 0 auto;
  background-color: #8000ff;
  color: white;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 0;
  font-weight: bold;
  box-shadow: none;
  z-index: 8;
}


.btn-flot:hover,
.btn-flot:focus,
.btn-flot:active,
.btn-flot:visited {
  color: white !important;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}


body:not(.dark-mode):not(.has-transparent-header) .call-to-action.wp-block-button .wp-block-button__link {
    visibility: hidden;
    color: #8000ff;
    font-weight: bold;
    background-color: white;
    border-radius: 0px;
    padding: 0.5rem 3rem;
    margin: 0 1rem;
}

.menu-cotizar-menu .btn-cotizar-menu {
    color: #8000ff;
    font-weight: bold;
    background-color: white;
    border-radius: 0px;
    padding: 0.5rem 1.5rem;
    margin: 0 1rem;
    text-decoration: none;
    border: 2px solid #8000ff;
}

@media (min-width: 1200px){
	.menu-cotizar-menu .btn-cotizar-menu {
		 padding: 0.5rem 3rem;
	}
}

.menu-cotizar-menu .btn-cotizar-menu:hover{
	color: #8000ff;
}


.bounce-loader {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
}


.preloader {
  transition: none !important;
  opacity: 1 !important;
  display: none !important;
}

/* Oculta el botón "Cotizar Seguro" en pantallas menores o iguales a 992px */
@media (max-width: 992px) {
  .menu-cotizar-menu .btn-cotizar-menu{
    display: none !important;
  }
}

/**********Imagenes Buscador **************/
.wp-post-image {
    width: 100%;      
    height: 200px;     
    object-fit: cover; 
    object-position: center; 
}


.wp-post-image {
    width: 100%;
    object-fit: cover;
    object-position: center;
}


/*****Imagenes Single Page************/

.entry-content img {
  width: auto; 
  height: auto;     /* mantener proporciones */
  display: block;
  margin: 1.5rem auto; /* separarlas del texto */
}