#yrc_servicios_personalizados{

padding:80px 20px;
background:#F2F1ED !important;

}

.yrc_sp_container{

max-width:1200px;
margin:auto;

}

.yrc_sp_title{

text-align:center;
font-size:34px;
margin-bottom:20px;

}

.yrc_sp_intro{

text-align:center;
max-width:700px;
margin:auto;
margin-bottom:50px;
font-size:18px;
line-height:1.6;

}

/* BENEFICIOS */

.yrc_sp_beneficios{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
margin-bottom:70px;

}

.yrc_sp_card{

background:white;
padding:25px;
border-radius:12px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
text-align:center;
transition:.4s;

}

.yrc_sp_card:hover{

transform:translateY(-6px);

}

.yrc_sp_card img{

width:100%;
height:160px;
object-fit:cover;
border-radius:8px;
margin-bottom:15px;

}

/* PROCESO */

.yrc_sp_proceso{

text-align:center;
margin-bottom:60px;

}

.yrc_sp_subtitle{

font-size:28px;
margin-bottom:30px;

}

.yrc_sp_steps{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:25px;

}

.yrc_sp_step{

background:white;
padding:25px;
border-radius:12px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);

}

.yrc_sp_step span{

display:inline-block;
width:40px;
height:40px;
background:#c4591b;
color:white;
border-radius:50%;
line-height:40px;
margin-bottom:10px;
font-weight:bold;

}

/* IMAGEN */

.yrc_sp_visual{

margin:60px 0;

}

.yrc_sp_visual img{

width:100%;
border-radius:14px;

}

/* CTA */

.yrc_sp_cta{

text-align:center;
background:white;
padding:50px 30px;
border-radius:14px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);

}

.yrc_sp_btn{

display:inline-block;
margin-top:20px;
padding:14px 28px;
background:#c4591b;
color:white;
text-decoration:none;
border-radius:8px;
font-weight:600;
transition:.3s;

}

.yrc_sp_btn:hover{

background:#a84713;

}


/* ============================= */
/* FIX FULL WIDTH WORDPRESS */
/* ============================= */

.wp-block-columns.alignfull{
padding-left:0 !important;
padding-right:0 !important;
margin-left:0 !important;
margin-right:0 !important;
max-width:100% !important;
}

.wp-block-columns.alignfull.is-layout-flex{
gap:0 !important;
}

.wp-site-blocks{
overflow-x:hidden;
}

/* contenedores internos que agrega wordpress */
[class*="wp-container"]{
padding-left:0 !important;
padding-right:0 !important;
}


/* ============================= */
/* CAROUSEL GENERAL */
/* ============================= */

.yrc_carousel_wrapper{
position:relative;
overflow:hidden;
padding:0 40px;
}

.yrc_carousel_track{
display:flex;
gap:30px;
transition:transform .4s ease;
}

.yrc_card_item{
flex:0 0 320px;
background:#fff;
border-radius:18px;
padding:25px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
text-align:center;
}

/* imagen dentro de card */

.yrc_card_item img{
width:100%;
border-radius:12px;
margin-bottom:15px;
}

/* textos */

.yrc_card_item h4{
font-size:20px;
margin-bottom:10px;
word-break:normal;
overflow-wrap:normal;
}

.yrc_card_item p{
font-size:15px;
line-height:1.5;
word-break:normal;
overflow-wrap:normal;
}


/* ============================= */
/* BOTONES */
/* ============================= */

.yrc_btn_prev,
.yrc_btn_next{

position:absolute;
top:50%;
transform:translateY(-50%);
width:45px;
height:45px;
border-radius:50%;
border:none;
background:#d27a45;
color:white;
font-size:22px;
cursor:pointer;
z-index:5;

}

.yrc_btn_prev{
left:-20px;
}

.yrc_btn_next{
right:-20px;
}


/* ============================= */
/* RESPONSIVE */
/* ============================= */

@media (max-width:1024px){

.yrc_card_item{
flex:0 0 280px;
}

}


/* TABLET */

@media (max-width:768px){

/* quitar padding wordpress */

.wp-block-columns.alignfull{
padding:0 !important;
margin:0 !important;
}

/* carrusel */

.yrc_carousel_wrapper{
padding:0 20px;
}

.yrc_carousel_track{
gap:20px;
}

/* cards grandes */

.yrc_card_item{
flex:0 0 85%;
max-width:85%;
}

/* botones visibles */

.yrc_btn_prev{
left:5px;
}

.yrc_btn_next{
right:5px;
}

}


/* CELULARES */

@media (max-width:480px){

.yrc_carousel_wrapper{
padding:0 15px;
}

.yrc_card_item{
flex:0 0 92%;
max-width:92%;
padding:20px;
}

.yrc_card_item h4{
font-size:18px;
}

.yrc_card_item p{
font-size:14px;
}

.yrc_btn_prev,
.yrc_btn_next{
width:38px;
height:38px;
font-size:18px;
}

}

.wp-block-columns.alignfull{
padding-left:0 !important;
padding-right:0 !important;
margin-left:0 !important;
margin-right:0 !important;
}
.wp-block-columns.alignfull{
padding:0 !important;
margin:0 !important;
max-width:100% !important;
}
/* ===== GRID ===== */

.works-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
  max-width:1200px;
  margin:40px auto;
  padding:20px;
}

/* ===== CARD ===== */

.work-card{
  background:#f5f5f5;
  border-radius:14px;
  overflow:hidden;
  font-family:sans-serif;
}

/* ===== SLIDER ===== */

.work-slider{
  position:relative;
  width:100%;
  height:620px; /* 🔥 CLAVE */
  overflow:hidden;
}

/* CONTENEDOR IMAGENES */

.slider-track{
  position:relative;
  width:100%;
  height:100%;
}

/* IMAGENES */

.slider-track img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
}

.slider-track img.active{
  opacity:1;
}

/* ===== BOTONES ===== */

.nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,.6);
  color:white;
  border:none;
  font-size:22px;
  padding:8px 12px;
  cursor:pointer;
  border-radius:50%;
  z-index:5;
}

.prev{left:10px;}
.next{right:10px;}

/* ===== DOTS ===== */

.dots{
  position:absolute;
  bottom:10px;
  width:100%;
  text-align:center;
  z-index:5;
}

.dots span{
  width:6px;
  height:6px;
  background:white;
  opacity:.5;
  border-radius:50%;
  display:inline-block;
  margin:3px;
}

.dots span.active{
  opacity:1;
}

/* ===== INFO ===== */

.work-info{
  padding:18px;
}

.ver-mas{
  display:block;
  margin-top:10px;
  background:#c96b30;
  color:white;
  text-align:center;
  padding:10px;
  border-radius:6px;
  text-decoration:none;
}

/* ===== MODAL OVERLAY ===== */
#imageModal{
position:fixed !important;

top:0 !important;
left:50% !important;

width:100vw !important;
height:100vh !important;

margin-left:-50vw !important;

background:rgba(0,0,0,0.75) !important;
backdrop-filter:blur(6px) !important;

display:none;

justify-content:center;
align-items:center;

z-index:999999999 !important;

padding:20px !important;
box-sizing:border-box;
}

#imageModal img{
max-width:80%;
max-height:80%;
width:auto;
height:auto;
display:block;
}
/* BOTONES */

.modal-prev,
.modal-next{
position:absolute;
top:50%;
transform:translateY(-50%);

font-size:40px;
background:rgba(0,0,0,0.4);
border:none;

color:white;
cursor:pointer;

padding:12px 16px;
border-radius:8px;
}

.modal-prev{
left:30px;
}

.modal-next{
right:30px;
}

/* CERRAR */

.close-modal{
position:absolute;
top:25px;
right:35px;

font-size:42px;
color:white;
cursor:pointer;
}
.planos-section{
padding:60px 20px;
background:#F2F1ED;
width:100%;
box-sizing:border-box;
}

/* CONTENEDOR */

.planos-container{
max-width:1400px;
margin:auto;
width:100%;
}
.planos-more a{
    text-decoration: none;
}
/* GRID */

.planos-track{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
width:100%;
}

/* CARD */

.planos-card{
background:#fff;
border-radius:14px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:.3s;
display:flex;
flex-direction:column;
}

.planos-card:hover{
transform:translateY(-6px);
}

/* SLIDER IMAGENES */

.planos-slider{
position:relative;
width:100%;
height:220px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
overflow:hidden;
}

.planos-slider img{
position:absolute;
max-width:100%;
max-height:100%;
object-fit:contain;
opacity:0;
transition:opacity .6s ease;
}

.planos-slider img.active{
opacity:1;
}

/* INFO */

.planos-info{
padding:18px;
text-align:center;
flex:1;
}

.planos-info h3{
font-size:18px;
margin-bottom:6px;
color:#333;
}

.planos-info p{
font-size:14px;
color:#666;
margin-bottom:15px;
}

/* BOTONES */

.planos-buttons{
display:flex;
justify-content:center;
}

.planos-more{
background: linear-gradient(
273deg,
rgba(196,89,27,1) 0%,
rgba(214,132,82,1) 52%,
rgba(228,184,153,1) 99%
);

color:#fff;
padding:10px 18px;
border-radius:8px;
text-decoration:none;
font-size:14px;
font-weight:600;
transition:.3s;
}

.planos-more:hover{
transform:translateY(-2px);
box-shadow:0 6px 14px rgba(0,0,0,0.15);
}

/* TABLET */

@media (max-width:1024px){

.planos-track{
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}

}

/* CELULAR */

@media (max-width:768px){

.planos-slider{
height:200px;
}

.planos-info h3{
font-size:16px;
}

.planos-info p{
font-size:13px;
}

.planos-buttons{
flex-direction:column;
}

.planos-more{
width:100%;
text-align:center;
}

}

 a{
    text-decoration: none!important;
}
a:hover{
	color:#fff;
}
.planos-nota{
max-width:900px;
margin:0 auto 35px auto;
padding:14px 20px;
background:#fff;
border-left:5px solid #C76125;
border-radius:8px;
font-size:14px;
color:#555;
box-shadow:0 6px 18px rgba(0,0,0,0.05);
text-align:center;
}
.planos-precio .button{
display:none;
}

.planos-precio{
font-size:22px;
font-weight:700;
color:#c4591b;
margin:10px 0;
}
/* Añade aquí tu código CSS.

Por ejemplo:
.ejemplo {
    color: red;
}

Para mejorar tu conocimiento sobre CSS, echa un vistazo a https://www.w3schools.com/css/css_syntax.asp

Fin del comentario */ 


.properties .item {
  background-color: #fafafa;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
}

.properties .item img {
  border-radius: 10px;
}

.properties .item span.category {
  background-color: #fbd9cf;
  font-weight: 500;
  border-radius: 5px;
  font-size: 14px;
  color: #1e1e1e;
  padding: 5px 12px;
  display: inline-block;
  margin-top: 25px;
}

.properties .item h4 {
  font-size: 19px;
  margin: 25px 0px;
}

.properties .item h4 a {
  color: #1e1e1e;
}

.properties .item ul li {
  display: inline-block;
  font-size: 15px;
  color: #4a4a4a;
  margin-right: 20px;
}

.properties .item ul li span {
  font-weight: 600;
  color: #1e1e1e;
}

.properties .item ul {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.properties .item h6 {
  font-size: 20px;
  color: #B49D79;
  margin-top: 6px;
  display: inline-block;
  
  margin-top: 30px;
}

.properties .item .main-button {
  text-align: center;
}