/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/*Make The Divi Contact Form Checkbox Or Radio Buttons Inline*/

.pa-checkboxes-radio-buttons-inline .et_pb_contact_field_options_list span { display: inline-block; margin-right: 30px; }

/*-------------- Mobile Menu Separator ---------------*/

.menu-mobile-option { line-height: 1!important; padding-top: 0px!important; padding-bottom: 1px!important;}
.menu-mobile-separator { border-top: 1px solid #9d9fa0!important; color: #9d9fa0!important; line-height: 1!important; padding-top: 0px!important; padding-bottom: 1px!important;} 

/*-------------- Arregla problema de imagenes pequenas ---------------*/

/* Ensure images in Divi are displayed at their natural size */
img {
    max-width: 100%;
    height: auto;
}

/* Specific adjustment for images inside Divi modules */
.et_pb_module img {
    width: auto;
    max-width: 100%;
}

/* Ensure images within Divi galleries maintain correct size */
.et_pb_gallery_image img {
    width: 100%;
    height: auto;
}

/* Override any potential width or height restrictions from Divi */
.et_pb_image_wrap img {
    width: 100%;
    height: auto;
}

/* Adjustments for specific modules */
.et_pb_fullwidth_image img, .et_pb_slider img, .et_pb_post_slider img {
    width: 100%;
    height: auto;
}

/* For WooCommerce product images */
.woocommerce .images img {
    width: 100%;
    height: auto;
    max-width: none;
}


/*-------------- Tabla Ordenes ---------------*/

table { width: 100%; border-collapse: collapse; }

th, td { border: 1px solid #ddd; padding: 8px; text-align: center!important; }

th { background-color: #155c7c; color: white; }

tr:nth-child(even) { background-color: #f2f2f2; /* Sets the background color of even rows */ }

tr:nth-child(odd) { background-color: #ffffff; /* Optional: Sets the background color of odd rows */ }

img { max-width: 100px; height: auto; }

.titulo-tabla { font-size: 44px; }

/* Tablet view (medium screens) */
@media screen and (max-width: 1024px) 
{ .titulo-tabla { font-size: 40px; } }

/* Mobile view (small screens) */
@media screen and (max-width: 768px) 
{ .titulo-tabla { font-size: 36px; }